PDA

View Full Version : scripts make an image[small_img->mouse over-->instant bigger image] instantly bigger



leonidassavvides
10-20-2007, 03:36 PM
http://www.templatemonster.com/category/real-estate/?from=1&cat=4

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

jscheuer1
10-20-2007, 04:36 PM
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/script2/simpleimagetrail.shtml

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

leonidassavvides
10-21-2007, 05:56 AM
I do not want "Mouse Cursor effects " but a static image [eg 300x200] when mouse over to appear a bigger image [eg 700x600] ?

jscheuer1
10-21-2007, 03:24 PM
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/dynamicindex4/imagetooltip.htm

leonidassavvides
10-24-2007, 11:16 AM
THE text links can be images ?

jscheuer1
10-24-2007, 02:10 PM
Why not? Modified slightly from the demo page:


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

leonidassavvides
10-31-2007, 07:26 AM
http://www.dynamicdrive.com/dynamicindex4/imagetooltip.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 ?

jscheuer1
10-31-2007, 08:28 AM
http://www.dynamicdrive.com/dynamicindex4/imagetooltip.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.

leonidassavvides
11-09-2007, 04:35 PM
Tooltip images downloaded at page load ? Is any way do this when rollover ?

jscheuer1
11-09-2007, 05:24 PM
Tooltip images downloaded at page load ? Is any way do this when rollover ?

Just get rid of this:


// 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.

leonidassavvides
02-26-2008, 05:20 PM
In the color map at
http://www.polis-land.com/index.php
there's an image mouseover js tooltip, but when I insert below this image an js moving marquee the mouseover do not work , well ? please note that this image has also a onclick even (bigger image in small win) like all images on the page; what to do to work the tooltip like the webpage
http://www.polis-land.com/index26jan2008.php
with marquee still working ? There's any var to be renamed or .... ?
tooltip:
http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm
marquee:Cross Browser marquee:http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm