Is there such thing as an inline image caption plugin for jquery?
So a user can someone select a point on an image, and then insert a text caption. Whenever someone hovers over the image, the caption displays.
Flickr has this type of functionality.
The keywords you're looking for are jquery photo tagging. A quick google search turns up numerous results, mostly tutorials on rolling your own.
This looks informative:
http://www.bennadel.com/blog/1837-Creating-Flickr-Style-Photo-Tagging-With-jQuery.htm
Related
I wanted to ask if anyone knows how I can implement something similar to reddit spoiler feature on a html page. I want it to be clickable to display the text behind it. (I looked into CSS, but they all seem to display on hover, but hide again when moved.
the class reddit uses is: "md-spoiler-text" but I couldn't figure out the script they use to do that.
I have an image, that show two or more products, where I would like to open a text popup(or a tooltip) with the product description. Different products can be placed in different position in image. There is a tool or a method that if I insert the coordinate(X:Y) of product can compose the image and with hover or click show the popup/tooltip?
An example can be find on ikea site.
Thanks.
You can use the map/area properties of HTML5 to achieve this.
Refer link
I am new to website coding. I am building a page and I am going to use animated headline js script. I want to know how can I add links to different words appearing to the animated headline in HTML or js.
I tried to update the code but every time I click the animated text only link with "steak" appears.
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
Here is the source code.
https://codepen.io/Attrexx/pen/jAjvJo
you can use js/css library https://daneden.github.io/animate.css/ just read documentation, or search this library tutorials in youtube, with this library you can animate text and images
i am looking to find out how i can display a background image, but then have parts of the image hidden so that it can be expanded by the user if need be. The reason being is that the height of the image is quite long and i want to be able to reduce this and make this interactive.
I have seen something similar on the following site, although this uses a parallax image, mine will just be a static image.
https://www.laduree.com/en_gb/
I would love to know the name of this feature and how something like this can be implemented.
If somebody could please help.
I am creating a webpage in html with php.
I want the user to be able to click on a small icon image. When the icon is clicked a preview of a larger image appears.
Guessing the solution probably involves javascript or flash. Can you point me to the right direction. Thanks in advance.
It sounds like you want a Lightbox?
A Lightbox allows you to have thumbnails of images on your page and when a user clicks on them, the larger image will popup in the middle of the screen. It's very common.
If what you are really looking for is a show/hide effect, you could use JavaScript to show the larger image if the user clicks on the smaller image. A JavaScript library like jQuery or YUI will make it very easy.
If you're doing it in php, then may as well use GD to do it for you.
Here's an excellent article to get you started: http://icant.co.uk/articles/phpthumbnails/