Results 1 to 4 of 4

Thread: Image Thumbnail Viewer II link in loadarea

  1. #1
    Join Date
    Mar 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II link in loadarea

    http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    Great script!

    Can this script open the enlargeimage in a pop-up by clicking in the loadarea:

    <a href="images/fullsize/1_fs.jpg" rel="enlargeimage::mouseover" rev="loadarea::images/fullsize/1_fs.jpg" title="Sixties Make-up Model: Veroney"><img src="images/thumbs/1_tmb.jpg" border="0" /></a>

    rev="loadarea::????????"
    this in a pop-up? Or even integrate in:
    http://www.dynamicdrive.com/dynamici...box2/index.htm
    for a second enlagre image?

  2. #2
    Join Date
    Mar 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ewpkort View Post
    http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    Great script!

    Can this script open the enlargeimage in a pop-up by clicking in the loadarea:

    <a href="images/fullsize/1_fs.jpg" rel="enlargeimage::mouseover" rev="loadarea::images/fullsize/1_fs.jpg" title="Sixties Make-up Model: Veroney"><img src="images/thumbs/1_tmb.jpg" border="0" /></a>

    rev="loadarea::????????"
    this in a pop-up? Or even integrate in:
    http://www.dynamicdrive.com/dynamici...box2/index.htm
    for a second enlagre image?

    Yes I would love to combine the 2 as well

  3. #3
    Join Date
    Apr 2007
    Posts
    26
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Any suggestions... would like a solution too

    1) Script Title: Image thumbnail viewer II

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    3) Describe problem: I would like to have the enlarged image link to a pop-up window ... I used target="_blank" but it opens a tab when my/user's browser has those preferences. How can I override this...

    Thanks in advance.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I've been recently working with both scripts. So to do this with my code, you need the updated version of Thumbnail Viewer II from this post:

    http://www.dynamicdrive.com/forums/s...87&postcount=2

    And you need my proprietary Lightbox v2.04a from this thread:

    http://www.dynamicdrive.com/forums/s...ad.php?t=37030

    A typical rev attribute for thumbnail to get it to use Lightbox with the link on its larger image would be (showing all options):

    Code:
    rev="loadarea::http://www.nasa.gov/images/content/276355main_PSP_009368_1720_428-321.jpg::lightbox::Nasa Photos::http://www.nasa.gov/home/::_blank::window.open(this.href, this.target, 'width=600, height=550');return false;"
    Code:
    loadarea
    is of course the id of where to show thumbnail's larger image

    Code:
    http://www.nasa.gov/images/content/276355main_PSP_009368_1720_428-321.jpg
    is the image that Lightbox will show.

    Code:
    lightbox
    tells thumbnail this should be a lightbox link.

    Code:
    Nasa Photos
    would be the optional title/caption for the lightbox display.

    Code:
    http://www.nasa.gov/home/
    is an optional link for the Lightbox caption.

    Code:
    _blank
    is an optional target for the link on the Lightbox caption.

    Code:
    window.open(this.href, this.target, 'width=600, height=550');return false;
    is an optional onclick event for the link on the Lightbox caption.

    Now, all you really need is:

    Code:
    rev="loadarea::http://www.nasa.gov/images/content/276355main_PSP_009368_1720_428-321.jpg::lightbox
    That's the load area id, image for Lightbox to show, and the lightbox keyword.
    - John
    ________________________

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

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
  •