PDA

View Full Version : Image Thumbnail Viewer II



amagyar
01-30-2012, 07:36 PM
Pardon my ignorance in advance. I am using Image Thumbnail Viewer II to display pictures of 5 people in a BIO page of a website I am creating. Is it possible to include text to display in the 'loadarea' along with the picture but WITHOUT using the 'title' attribute? Please help and thanks in advance.

FrankieL
02-06-2012, 01:37 PM
Hello,
1. Add - descid:moretext - to the 'rev' bit like this - rev="targetdiv:loadarea,descid:moretext"
2. Create this div, where text is to appear-

<div id="moretext" style="display:none">
text here</div>

and add below your 'loadarea' div, where image appears.

3. Remove the now replaced title="text".

Extra - To make a more complicated list of words with for example hyperlinks, try this:
<div id="moretext" style="display:none">
<ul>
<li><a href="http://www.marlboroughgallery.com/galleries/graphics/artists/paula-rego/graphics" title="External website. Opens in a new window" target="_blank">www.marlboroughgallery.com</a></li>
<li>email: <a href="mailto:mfa@marlboroughfineart.com" title="Email gallery">mfa@marlboroughfineart.com</a></li>
<li>just text only</li>
</ul>
</div>

Only trouble is I don't know how to make the text loading be specific to the image that loads, ie how to make mutiple text divs.
I am waiting myself for reply to posted thread myself but hope this helps.

vwphillips
02-06-2012, 04:48 PM
modify the line in red


buildimage:function($, $anchor, setting){
var imghtml='<img src="'+$anchor.attr('href')+'" style="border-width:0" />'
if (setting.link)
imghtml='<a href="'+setting.link+'">'+imghtml+'</a>'
imghtml='<div>'+imghtml+((setting.enabletitle!='no' && ($anchor.attr('title')!=''||setting.caption))? '<br /><a '+(setting.link?'href="'+setting.link+'" ':'')+'>'+(setting.caption||$anchor.attr('title')) : '')+'</a></div>'
return $(imghtml)
},


and add the additional option in red


<a href="http://www.nasa.gov/images/content/166615main_image_feature_733_ys_4.jpg" rel="enlargeimage" rev="targetdiv:loadarea2,trigger:click,preload:none,fx:reveal,caption:My Caption">Saturn #2 (click)</a><br />

FrankieL
02-06-2012, 05:58 PM
The reponse from vwphillips isn't appropriate as the post has requested how to put text WITHOUT using the 'title' attribute.

vwphillips
02-07-2012, 10:26 AM
The change I posted does not use the title attribute, it uses the new option caption:My Caption

amagyar
02-10-2012, 07:22 PM
wwphillips,
thanks so much for your help with this. I only have ONE more quick question: Is there a way to include more than just 3 lines of text along with the picture? I have a biography that needs to display with each photo and it's probably about 150 words long.
Alejandro

vwphillips
02-11-2012, 10:40 AM
see if you can use this

http://www.dynamicdrive.com/forums/showthread.php?t=67341