Advanced Search

Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 26

Thread: Lightbox - add link inside caption

  1. #11
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    the links don't seem to be working. how do I set them up inside of a rev tag? I would like the caption to say:

    Wee Babe - branding and website
    weebabe.com (this would link out to weebabe.com)
    thanks!
    Last edited by jscheuer1; 10-02-2012 at 04:10 PM. Reason: Format

  2. #12
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,675
    Thanks
    43
    Thanked 3,125 Times in 3,091 Posts
    Blog Entries
    12

    Default

    Please include a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #13
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    the site is at http://www.bellami-designboutique.com/madmi

    The initial issue I was having was putting links within the captions, and now that I changed the script to jquery, it still doesnt seem to let me add links. thanks!

  4. #14
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,675
    Thanks
    43
    Thanked 3,125 Times in 3,091 Posts
    Blog Entries
    12

    Default

    Looks good. All you have to do is add the link(s) you want. For example, where you have:

    Code:
    <a href="images/slides/weebabe-1.png" rel="lightbox-wb" rev="Wee Babe - branding + website<br />weebabe.com"><img src="images/thumb-wb.png" alt="Wee Babe" style="border:none; margin:0px; margin-right:16px;" /></a>
    You can make that like so:

    Code:
    <a href="images/slides/weebabe-1.png" rel="lightbox-wb" rev="Wee Babe - branding + <a href='http://www.weebabe.com/'>website</a>"><img src="images/thumb-wb.png" alt="Wee Babe" style="border:none; margin:0px; margin-right:16px;" /></a>
    Make sure to notice that the href attribute of the nested a tag there uses single quote (') delimiters:

    Code:
    href='http://www.weebabe.com/'
    not:

    Code:
    href="http://www.weebabe.com/"
    Do the same thing for target or anything else you want/need to put in there.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #15
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    works like a charm - thanks!!

  6. #16
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Unfortunately, I'm back! I started a new thread, but realized it probably best to continue this one since it is for the same script. It doesnt appear to be working on an iphone (have not checked ipad, but will tonight when I have it with me). When you click the thumbnail, rather than opening the lightbox viewer and having the ability to scroll through images, it just opens the image like a separate page.
    here is the link to the live site: http://www.madisonandmi.com
    thank you for all of your help!

  7. #17
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,675
    Thanks
    43
    Thanked 3,125 Times in 3,091 Posts
    Blog Entries
    12

    Default

    SlimBox2 does not, nor do any other box/lightbox type scripts that I know of, work on mobile devices. At least with SlimBox2 they can see the large image and use their device's native controls for panning, enlargement and navigation. Many other scripts of this sort do not degrade as gracefully in mobile devices.

    It's possible there are one or more lightbox type scripts out there that perform better on mobiles. I'm just not aware of any.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. #18
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    I know the original lightbox I was using works on mobile devices...maybe I just need to go back to that. But is there no way to put ahref links in the captions? That was all I needed, which led us to slimbox. any suggestions?

  9. #19
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,675
    Thanks
    43
    Thanked 3,125 Times in 3,091 Posts
    Blog Entries
    12

    Default

    Are you 100% sure? If so, which exact version of which lightbox type script were you using?

    If it really works on mobiles, I'm pretty sure it can have captions with links in them.

    I mean a lot of them don't, but almost all can be made to.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  10. #20
    Join Date
    Jun 2010
    Posts
    58
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    The site that I have up that uses lightbox and works on iphone is: http://www.runawaybridedestinations.com/gallery.html
    and here is the link to the lightbox script: http://www.dynamicdrive.com/dynamici...box2/index.htm

    Basically, I want the same functionality as this lightbox but I would like to be able to add a link in the caption.
    Any ideas? Thanks!

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
  •