Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: scripts make an image[small_img->mouse over-->instant bigger image] instantly bigger

  1. #1
    Join Date
    Oct 2004
    Posts
    425
    Thanks
    4
    Thanked 1 Time in 1 Post

    Thumbs up scripts make an image[small_img->mouse over-->instant bigger image] instantly bigger

    http://www.templatemonster.com/categ.../?from=1&cat=4

    Do you have scripts make the image[template-->mouse over-->instant bigger image] instantly bigger like the webpage above ?

  2. #2
    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

    That's not instant. Even with my broadband cable there was a slight but noticeable lag as the larger image loaded. There are tons of scripts for that sort of thing, some right here on Dynamic Drive. I'm not certain if any of the ones here at DD look like the one you've linked to 'right out of the box', but any of several could be adapted to. Have a look at the library:

    http://www.dynamicdrive.com/

    From what I can tell from the source code of the link you gave, this script:

    http://www.javascriptkit.com/script/...agetrail.shtml

    from one of DD's sister sites was used/modified for that particular effect on that particular page.
    - John
    ________________________

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

  3. #3
    Join Date
    Oct 2004
    Posts
    425
    Thanks
    4
    Thanked 1 Time in 1 Post

    Default

    I do not want "Mouse Cursor effects " but a static image [eg 300x200] when mouse over to appear a bigger image [eg 700x600] ?

  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

    Well, that is the script that was used. It was either modified and/or combined with another script to accomplish the observed effect. It is only responsible for the larger hover image, the 'Browse Pages' bit is something else, another script or whatever.

    There is a script, now that I am thinking about this some more, that will do that effect with very little modification:

    http://www.dynamicdrive.com/dynamici...agetooltip.htm
    - John
    ________________________

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

  5. #5
    Join Date
    Oct 2004
    Posts
    425
    Thanks
    4
    Thanked 1 Time in 1 Post

    Default

    THE text links can be images ?

  6. #6
    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

    Why not? Modified slightly from the demo page:

    Code:
    <a href="#"
    onmouseover="doTooltip(event,0)"
    onmouseout="hideTip()"><img src="thumbnail_1.jpg"
    border="0"></a>
    You could even change the href to point to the larger image, or to a page with the larger image on it. That way, non-javascript enabled browsers could still get to see the larger image.
    - John
    ________________________

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

  7. #7
    Join Date
    Oct 2004
    Posts
    425
    Thanks
    4
    Thanked 1 Time in 1 Post

    Default

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

    when the links above are near the border of the window(right hand) and image in large it will hide the large image the end of window ?

    may image appear on the left of cursor, how ?

  8. #8
    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

    Quote Originally Posted by leonidassavvides View Post
    http://www.dynamicdrive.com/dynamici...agetooltip.htm

    when the links above are near the border of the window(right hand) and image in large it will hide the large image the end of window ?

    may image appear on the left of cursor, how ?
    As far as I can see, the script you are linking to here already does that. If the pop up would normally appear to the right, but there isn't enough room, it moves to the left. But if there isn't room enough there either, then you just have an image that is too big for the window. No amount of script can change that.
    - John
    ________________________

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

  9. #9
    Join Date
    Oct 2004
    Posts
    425
    Thanks
    4
    Thanked 1 Time in 1 Post

    Default

    Tooltip images downloaded at page load ? Is any way do this when rollover ?

  10. #10
    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

    Quote Originally Posted by leonidassavvides View Post
    Tooltip images downloaded at page load ? Is any way do this when rollover ?
    Just get rid of this:

    Code:
    // preload images that are to appear in tooltip
    // from arrays above
    if (document.images) {
    	var theImgs = new Array();
    	for (var i=0; i<messages.length; i++) {
      	theImgs[i] = new Image();
    		theImgs[i].src = messages[i][0];
      }
    }
    But you might not like the result.
    - 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
  •