Hover on a href view screenshot of site - iframe

I have some links like "domain"
i want to have a preview image of the url link when i mouseover it.
is this possible with something like an iframe?
can someone help me with this?
sincerely Rene,

You are probably looking for a mouse over that displays an image (thumbnail of domain.com). For the mouse over, there are many scripts available: search for "javascript tooltip" (jQuery tools for example).
To get a thumbnail of "domain.com", you need to use a web service like URL2PNG or Browshot.

Related

I'd like to change the link for the spotify logo in an embedded iframe playlist

I'm using this embedded iframe in my website (www.thatgolda.com):
playlist
The circled logo, when clicked, goes to a link that automatically downloads spotify. I'd like to know if there's some code I can use to change that link to my spotify artist page.
I'm not very familiar with javascript, so I'd appreciate an answer "for dummies."
Thanks in advance for your help.
GP
From the Spotify Play Button website (https://developer.spotify.com/technologies/widgets/spotify-play-button/):
Is there any way of customizing the design of the Spotify Play Button?
E.g. color, typography…
Currently there is no way no change the design of the Spotify Play
Button.
You can, however, use a Spotify Follow Button elsewhere on your website! The design is familiar for many users and clearly shows what the action of the button is.
https://developer.spotify.com/technologies/widgets/spotify-follow-button/

How to disable search Google for image when right clicking on image

I created a logo quiz in Asp.net. What I want is when the user fills the quiz he should not be able to right click and select on 'Search Google for image'.
Earlier I thought of using an alert using JavaScript but that can be disabled in the browser. Need a permanent solution for this.
Thanks in advance.
You could cancel the right-click event on the image. It would of course only work with JavaScript enabled, but there is no way of disabling that option altogether.
I know this is an old post, but, in case anyone else is trying to resolve the issue.
You can certainly disable the context menu in javascript, you can also render the image underneath a transparent object any attempts to click, or context menu the image would result in the click or context menu of the transparent image being triggered.
You could also add your image in css as a background image to a regular html element.
The context menu won't show up for it, but, inspect image will show a clickable link in the css attributes that anyone knowing a little web development will know about.
The best answer is a combination of the css and the transparent overlay.

Image description as popup in asp.net

I am making an ASP.NET website where i have sort of a static image gallery. Now when i click on an image in this gallery i want to show a pop up containing text (10-15 lines) describing the image.
How can I achieve this? I don't have much idea as to how I should proceed.
There are two steps to archive this.
First step is to make the pop up window using css.
Many examples on google about that.
Search on google
Open Css popup
Easy Css pop up
The Second step is to make your javascript to open it and show your actually text. If you use a library like jQuery you can make many thinks more easy, but if you wish pure javascript can you also make it work.
For example on the last link 'Easy Css pop up', the javascript to open it is:
<a href="javascript:void(0);" onMouseover="ShowPop('pop');"
onMouseout="HidePop('pop');"><img src="myimage.jpg" alt=""></a>
So what you do is to render your text of your images into the div that have this css popup and then you place a code like that on every image to open the correct popup.
Of cource you can find a ready to use gallery like the http://highslide.com/
You can use jQueryUI Dialog or simply open page with javascript

Protect Iframe From Openining In New Window Or Tab

I am adding framed content to a wordpress blog in a membership area. Is there a way that I can prevent that content from being opened in a new window or tab? A plugin or a string of code I can add?
As it is now if someone right clicks on the frames content they can view it in a new window and possibly share that URL rendering the membership site useless in controlling who views....
I would like a block.... If possible...I see other iframes popup an error message when you try and view....
Any help is appreciated!
Thank you for a great place for info
One possible solution I can think of is now to add JavaScript code to prevent right click, but again this is not always going to work because the person can simply disable JavaScript and they can still right click to see the content of the iframe. Not only that there is alway a way to sniff the URL of the iframe by either using some sort of software or even using something like FireBug.

How can I prevent this plugin from popping up from behind the content area?

I have this strange issue going on with my CSS on my site, and I'm hoping someone can help me out. I have a sharer box to the left of each of my posts. When you click the box to share (for instance the twitter box) the pop up box goes behind the post content, instead of in front of it. Anyone have any ideas on how to fix this? To see it for yourself, visit one of the posts and try to click on the google plus, or facebook like button (don't worry, it won't actually share unless you confirm it) You can view one of the posts to see what's going on here ---> http://noahsdad.com/child-down-syndrome-friend/ J
Thanks.
Here are a few screen shots of what is going on d.pr/ZCPy and http://d.pr/ax6H
Try with z-index:99999; on pop up box.
For the video shown in the post, add wmode="opaque" to the <object> / <embed> tag.

Resources