Results 1 to 7 of 7

Thread: Image Thumbnail Viewer II

  1. #1
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II

    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.

  2. #2
    Join Date
    Feb 2012
    Location
    London
    Posts
    24
    Thanks
    13
    Thanked 2 Times in 2 Posts

    Default

    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.
    Last edited by FrankieL; 02-06-2012 at 03:46 PM.

  3. The Following User Says Thank You to FrankieL For This Useful Post:

    amagyar (02-10-2012)

  4. #3
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    modify the line in red

    Code:
    	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

    Code:
    <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 />
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  5. #4
    Join Date
    Feb 2012
    Location
    London
    Posts
    24
    Thanks
    13
    Thanked 2 Times in 2 Posts

    Default

    The reponse from vwphillips isn't appropriate as the post has requested how to put text WITHOUT using the 'title' attribute.

  6. #5
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    The change I posted does not use the title attribute, it uses the new option caption:My Caption
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  7. The Following User Says Thank You to vwphillips For This Useful Post:

    amagyar (02-10-2012)

  8. #6
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    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
    Last edited by amagyar; 02-10-2012 at 07:28 PM.

  9. #7
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •