www.webdeveloper.com
Results 1 to 12 of 12

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

  1. #1
    Join Date
    Apr 2012
    Posts
    14

    enlarge image ( yes one more but... )

    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

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,105
    I'm always up for networking with fellow web professionals. Connect with me on LinkedIn if you like!

  3. #3
    Join Date
    Apr 2012
    Posts
    14
    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

  4. #4
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,633
    http://thumbs.dreamstime.com/css/popup25.js this script is what you need as it seems
    xxx: Guess Buddhist riddle: "What is the sound of one hand clapping?"
    yyy: facepalm

  5. #5
    Join Date
    Apr 2012
    Posts
    14
    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

  6. #6
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,633
    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>
    xxx: Guess Buddhist riddle: "What is the sound of one hand clapping?"
    yyy: facepalm

  7. #7
    Join Date
    Apr 2012
    Posts
    14
    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

  8. #8
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,633
    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>
    xxx: Guess Buddhist riddle: "What is the sound of one hand clapping?"
    yyy: facepalm

  9. #9
    Join Date
    Apr 2012
    Posts
    14
    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

  10. #10
    Join Date
    Apr 2012
    Posts
    14
    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

  11. #11
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,633
    sorry it's deep night here in russia may be somebody else will help you with this issue
    xxx: Guess Buddhist riddle: "What is the sound of one hand clapping?"
    yyy: facepalm

  12. #12
    Join Date
    Apr 2012
    Posts
    14
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles