View Full Version : Expando Image script
asiatic
07-25-2016, 01:21 PM
1) Script Title: Expando Image script
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm
3) Describe problem: I need to add a line of text under the image after it expands
please help
jscheuer1
07-25-2016, 09:46 PM
Script author here - Though it's probably possible to get this script to do that, it would greatly increase it's footprint. Unlike other scripts that already create a faux window from a div (The original one is Lighbox), which can include the larger image and a caption, with this script there is nothing other than the image. We would have to add an element (probably a div) and have that contain the desired text, but only when the image is enlarged.
A good compromise might be to just give your expando image(s) a title attribute. Since the cursor needs to be over the image anyway in order for it to be expanded, a title attribute would show, example:
<img title="This is my favorite cat, Marcie. She has been with us for almost 8 years" class="expando cat" border="0" src="cat.png" width="200" height="88">
If that's not good enough for you, I would suggest you look into Lightbox, which gives you an enlarged image with fade in (not zoom) and optional captions:
http://lokeshdhakar.com/projects/lightbox2/
or other similar scripts, some of which have an option for the image to appear to expand and include a caption with the expanded image. Fancybox has an option like that:
http://fancyapps.com/fancybox/#examples
Click on the second image.
asiatic
07-28-2016, 10:24 AM
ok thank you the title attribute did,nt work but I tried the lightbox & went for that, thanks
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.