enlarge image ( yes one more but... )

**scaleautostyle** · 04-11-2012 12:47 PM

hi everyone!! like the title says... I try to do something like.. not like but identical at this one

http://www.dreamstime.com/arts/architecture-cat69

when you roll your mouse over an image it pop up the full size picture of it. no predfine or anything else put in the script. and it locate the enlarge image to the center.. try to see one at the rigth of the screen you will know what I mean.

I try so spot the script in the source code but .... to much script are theyre and I REALLY don't know where to start. if someone know how to do this let me know it will be Appreciate

yours

sebastien

**cbVision** · 04-11-2012 12:58 PM

Here's a solution:
http://www.dynamicdrive.com/dynamici...agetooltip.htm

**scaleautostyle** · 04-11-2012 01:20 PM

Hi cbVision!

I have seen this one ... you know before posting I have made some googleing before

as far as I know this one doesn't work OR may be I don't know how to manage it to be fonctionnal with my case. I explain:

if I read correctly I have to PRE-define the tooltip and this is what I don't want. on the site I refer at the top I don't think they predefine each image ( with the quantity they have it's impossible.

for a small site with maybe 10 or 20 images this script will be a winner. but in ma case I have just a bit more than 1 000 000 of images so it's an impossible task. + an average of 350 images / day will be add for the next 5 years. can you imagine the work AND the size of the file

thanks again for your help

yours

sebastien

**Padonak** · 04-11-2012 03:14 PM

http://thumbs.dreamstime.com/css/popup25.js this script is what you need as it seems

**scaleautostyle** · 04-11-2012 05:09 PM

thanks padonak!

I download it and edit it to find out how it works and

Woolish... how I can see what is the typo to put in my webpage for this work.

personnaly when I do a script I put a description on how to use it but in this case I'm totaly lost. can you help me with this.

just gave me an example with a single image. it will be appreciate

thanks in advance

**Padonak** · 04-12-2012 12:19 PM

this is how they use it at their site (the EIFFEL TOWER pic):

Code:

<div style="position:relative; top:0px;">
<a name="119623" id="119623"/>
<div class="thb_cells thb_c1">
<a href="http://www.dreamstime.com/stock-photos-paris-eiffel-tower-image119623">
<img id="thumb119623" src="http://thumbs.dreamstime.com/thumbimg_11/11155674494BAIx3.jpg" alt="image photo : Paris - Eiffel Tower" onmouseover="trailOn2('http://thumbs.dreamstime.com/thumblarge_11/11155674494BAIx3.jpg','PARIS - EIFFEL TOWER','','119623','Size: 2,449x3,265 pixels (8.0MP).<br>','5 credits','5','338','450',1,'http://thumbs.dreamstime.com/thumbimg_11/11155674494BAIx3.jpg');" onmouseout="trailOff2();"/>
</a>
</div>

**scaleautostyle** · 04-12-2012 01:13 PM

thank you for this shot.. hummmm quite interesting. just for fun I seen they put the full path for everything. so I do a small test in my side.

here's the code

PHP Code:


<html xmlns="http://www.w3.org/1999/xhtml">

<head>



<script language=JavaScript src="http://thumbs.dreamstime.com/css/popup25.js"></script>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<title>test</title>

</head>





<body>

<div style="position:relative; top:0px;">

<a name="119623" id="119623"/>

<div class="thb_cells thb_c1">

<a href="http://www.dreamstime.com/stock-photos-paris-eiffel-tower-image119623">

<img id="thumb119623" src="http://thumbs.dreamstime.com/thumbimg_11/11155674494BAIx3.jpg" alt="image photo : Paris - Eiffel Tower" onmouseover="trailOn2('http://thumbs.dreamstime.com/thumblarge_11/11155674494BAIx3.jpg','PARIS - EIFFEL TOWER','','119623','Size: 2,449x3,265 pixels (8.0MP).<br>','5 credits','5','338','450',1,'http://thumbs.dreamstime.com/thumbimg_11/11155674494BAIx3.jpg');" onmouseout="trailOff2();"/>

</a>

</div>



</body>

</html>

in fact I just do a copy/clip of the script location and the code you put above. just to see if it's work and... I receive an error.

1st it doesn't work ( the thmbnail image is theyre no problem but when I move the mouse over I receive an error. The error says object expected line: 16 char: 1

what this is mean??

thanks again for your help

**Padonak** · 04-12-2012 03:45 PM

try replacing onmouseover="trailOn2( with onmouseover="trailOn( and onmouseout="trailOff2();" with onmouseout="trailOff();"

there is another script somewhere in their code where trailOn2() and trailOff2() functions are defined. if you want to find it just open the other linked scripts and search through the text for these functions i think it won't take you long time <wink>

**scaleautostyle** · 04-12-2012 04:06 PM

WONDERFULL

it's now working No. 1.

THANK YOU VERY MUCH. I know it's something a lot of people want to do and I was think to do a master files of the basic code to display the image but did we have a place here to store .js and coding that work and can be found by others from this forum??

thanks again

yours
S

**scaleautostyle** · 04-12-2012 04:25 PM

I was to fast on the trigger

it will be easier to show you the problem instead of explaining it.

check rigth here

http://www.hobby-shop.qc.ca/test.php

roll over any of the eilfel tower and everything is No.1 BUT when you roll over my picture located at the top Hummmmm some little problem... WHY ?? I just change the file name and adjust the size of the bigger picture

look under the eifel tower and roll over these truck. I just change the file name and keept the original size of the picture nad SURPRISE no problem at all.

so why when I change the size I got these problem..

thanks

**Padonak** · 04-12-2012 04:45 PM

sorry it's deep night here in russia may be somebody else will help you with this issue

**scaleautostyle** · 04-12-2012 04:53 PM

no problem.. anyway it can be done tomorow are next week I have a lot to do with other coding and layout.

thanks again

S

Thread: enlarge image ( yes one more but... )

Thread Tools

Display

enlarge image ( yes one more but... )

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions