18 Replies Latest reply on May 4, 2012 6:24 AM by hans-g.

Swap Image

christel mertens May 1, 2012 2:44 AM

I've created a div with swap image behavior. But when i have to scroll to click on a certain thumb i cannot see the image because the page goes back up. I have to behaviors click swap image and mouse over swap image restore. How can i avoid this ?

1. Re: Swap Image

hans-g. May 1, 2012 2:49 AM (in response to christel mertens)

Hello Christel,

please send a link to your website in question, if not done, please load it up, no matter how it looks like.

Hans-Günter
Like Show 0 Likes(0)

Actions
2. Re: Swap Image

christel mertens May 1, 2012 2:58 AM (in response to hans-g.)

It is my first website and is still not yet on line. What can I send ,just the file and css files ?

Van: hans-g. forums@adobe.com
Verzonden: dinsdag 1 mei 2012 11:50
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by hans-g.<http://forums.adobe.com/people/hans-g.> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4371584#4371584
Like Show 0 Likes(0)

Actions
3. Re: Swap Image

hans-g. May 1, 2012 3:14 AM (in response to christel mertens)

Hello Christel, goede dag!

To analyze your problem my first recommendation "load up your website onto your server" is for us much easier to handle. If you don't have one you could use "Free web Hosting" http://www.000webhost.com/ e.g.

Only if that is really impossible for you, please copy your html file and all there mentioned css files in here.

Hans-Günter
Like Show 0 Likes(0)

Actions
4. Re: Swap Image

christel mertens May 1, 2012 3:31 AM (in response to hans-g.)

I’ve tried to upload it , without the photos but I hope you can see what I mean.
http://www.fullframemuscle.com/templates/models_screenshots.dwt.php

Van: hans-g. forums@adobe.com
Verzonden: dinsdag 1 mei 2012 12:15
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by hans-g.<http://forums.adobe.com/people/hans-g.> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4371588#4371588
Like Show 0 Likes(0)

Actions
5. Re: Swap Image

christel mertens May 1, 2012 11:06 AM (in response to hans-g.)

I’ve put some test images. The problem are the thumbs under the main picture. I’ve to find a way to fix the div (article_movie_r3_c14) where this photo is in it I think.

http://www.fullframemuscle.com/test_swap.php
Can someone help me please ?

Van: hans-g. forums@adobe.com
Verzonden: dinsdag 1 mei 2012 12:15
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by hans-g.<http://forums.adobe.com/people/hans-g.> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4371588#4371588
Like Show 0 Likes(0)

Actions
6. Re: Swap Image

Ken Binney May 1, 2012 2:48 PM (in response to christel mertens)

Start by using Site Manager to define your site.

Next relink all images with a path starting with file:///C|/
For example the link path file:///C|/images/downloadknop.png is asking the server to go to your local computer, rather than to the images folder on the server

Correct path would be images/downloadknop.png
Like Show 0 Likes(0)

Actions
7. Re: Swap Image

Ken Binney May 1, 2012 2:54 PM (in response to christel mertens)

Some other images like
<img src="images/BANNER_NAAM_200.jpg
are correctly coded, but are not yet uploaded to the images folder on your remote site
Like Show 0 Likes(0)

Actions
8. Re: Swap Image

hans-g. May 4, 2012 2:18 AM (in response to christel mertens)

Hello Christel,

unfortunately, I could not reply earlier, because of hospitalization. Let's try it again, ok? Please give us a (new?) link to your website in question.

Hans-Günter
Like Show 0 Likes(0)

Actions
9. Re: Swap Image

christel mertens May 4, 2012 4:29 AM (in response to hans-g.)

Hello,

Thank you for replying me . I’ve uploaded again a test (I’ve not loaded all the images only test images for testing the swap tool) It is also a problem with different screen resolutions I think because when trying another screen (where I don’t have to scroll to the thumbs below the main photo) there’s no problem. So I’ve just find a way to fix the div article_movie_r5_c2 while viewing the images.

Christel
Van: hans-g. forums@adobe.com
Verzonden: vrijdag 4 mei 2012 11:19
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by hans-g.<http://forums.adobe.com/people/hans-g.> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4378733#4378733
Like Show 0 Likes(0)

Actions
10. Re: Swap Image

christel mertens May 4, 2012 4:35 AM (in response to hans-g.)

Sorry I’ve forgot to http://www.fullframemuscle.com/test_swap.php

Van: hans-g. forums@adobe.com
Verzonden: vrijdag 4 mei 2012 11:19
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by hans-g.<http://forums.adobe.com/people/hans-g.> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4378733#4378733
Like Show 0 Likes(0)

Actions
11. Re: Swap Image

hans-g. May 4, 2012 5:20 AM (in response to christel mertens)

Hello Christel,

before I can have a deeper look, please rectify your path as said in Ken's hint, because the path to your image is pointing to an image on your local hard drive which nobody can see except you:

<div id="download"><img src="file:///C|/images/downloadknop.png" width="70" height="32" /....

On the other hand I found some files and images with blanks in their names. Therefore I'll quote Murray's hint:

Murray:
In general, URL encoding spaces does not lead to problems. The problems arise when your files have been named with spaces and before the encoding can occur, the browser tries to do something with those filenames that contain non-encoded spaces. On encountering the space, javascript will assume that the filename has ended and will begin looking for the WRONG element. Whatever the details are, though, using spaces in filenames or paths is a bad practice which WILL lead to problems.

What concerns your swap: After trying to insert the source code of you"test_swap.php", I got this message:

Please control this.

Hans-Günter
Like Show 0 Likes(0)

Actions
12. Re: Swap Image

Ken Binney May 4, 2012 5:26 AM (in response to hans-g.)
Hi Hans -

She does not reply to me, so please let her know these are all the broken image paths

http://www.fullframemuscle.com/Greek_Sensation2/EK%20Yel2%20002_600.jpg
http://www.fullframemuscle.com/Greek_Sensation2/thumbs/EK%20Yel2%20004_t.JPG
http://www.fullframemuscle.com/Greek_Sensation2/thumbs/EK%20Yel2%20005_t.JPG
http://www.fullframemuscle.com/thumbs/EK%20Yel2%20011_t.JPG
file:///C|/images/downloadknop.png
Like Show 0 Likes(0)

Actions
13. Re: Swap Image

sudarshan.t May 4, 2012 5:26 AM (in response to christel mertens)

Your problem will get solved if your page doesn't scroll up, right?

In this case, change this:
<div id="article_movie_r3_c4"><a href="#"><img src="test/002T9X6I0975_t.jpg" alt=" " width="96" height="64" onclick="MM_swapImage('foto','','test/002T9X6I0975.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
to this:

<div id="article_movie_r3_c4"><a href="#"><img src="test/002T9X6I0975_t.jpg" alt=" " width="96" height="64" onclick="MM_swapImage('foto','','test/002T9X6I0975.jpg',1); return false;" onmouseout="MM_swapImgRestore()" /></a></div>
It should mostly solve your issue.
Like Show 0 Likes(0)

Actions
14. Re: Swap Image

christel mertens May 4, 2012 5:35 AM (in response to sudarshan.t)

Thank you very much . I’ve tried and it works !!

Van: Sudarshan Thiagarajan forums@adobe.com
Verzonden: vrijdag 4 mei 2012 14:27
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by Sudarshan Thiagarajan<http://forums.adobe.com/people/sudarshan.t> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4379026#4379026
Like Show 0 Likes(0)

Actions
15. Re: Swap Image

christel mertens May 4, 2012 5:38 AM (in response to Ken Binney)

I’m sorry but my website is not yet on line and this was just a test for the the swap image tool. So I didn’t load all my images. I’ve got a answer of Sudarshan Thiagarajan and this works, so my problem is solved.
Thank you for answering me

Van: Ken Binney forums@adobe.com
Verzonden: vrijdag 4 mei 2012 14:26
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by Ken Binney<http://forums.adobe.com/people/Ken+Binney> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4379013#4379013
Like Show 0 Likes(0)

Actions
16. Re: Swap Image

christel mertens May 4, 2012 5:41 AM (in response to hans-g.)

Thank you ! As you can see Sudarshan Thiagarajan has solved my problem.

Van: hans-g. forums@adobe.com
Verzonden: vrijdag 4 mei 2012 14:19
Aan: Mertens Christel
Onderwerp: Swap Image

Re: Swap Image
created by hans-g.<http://forums.adobe.com/people/hans-g.> in Dreamweaver - View the full discussion<http://forums.adobe.com/message/4379024#4379024
Like Show 0 Likes(0)

Actions
17. Re: Swap Image

sudarshan.t May 4, 2012 5:47 AM (in response to christel mertens)

You're welcome.
Like Show 0 Likes(0)

Actions
18. Re: Swap Image

hans-g. May 4, 2012 6:24 AM (in response to christel mertens)

Hello Christel,

fine solution! BUT please have a look to the other points: broken pathes, blanks aso.

Hans-Günter
Like Show 0 Likes(0)

Actions