HTML - Swap Images Using Behaviors
How do add links to a swap image ?
I have a website and I am using the swap image behavior, now the swap image or the image that is being replaced when you mouse over a hotspot I want to add links to. But I can not see the image or second image to add the links or hot spot areas. How do you add hot spots or links to the swap image? any help would be appreciated I stumped everyone on this so far. Similar TutorialsHi, I have created some swap images in dreamweaver and they were working, but for some reason after doing more work to the site, i now cannot get them to work, i have tried deleting the behaviour and reapplying it but that hasn't worked. This is the code on one of the buttons. Can anyone point me in the right direction as to why this might be happening? <img src="images/Contact_On.jpg" alt="" width="107" height="64" id="Image11" onMouseOver="MM_swapImage('Image11','','images/Contact_roll.jpg',1)" onMouseOut="MM_swapImgRestore()"></td> Thanks a lot your help is appreciated Hey not even sure if this can be done with html or if i need to use something else but basically i want to make the thumbnails appear where the main image is when they are clicked on instead of opening a new tab like i have it set now. http://whatashirt.com/shirts/swearing_is_caring.html just want stuff under the more photos to appear where the main image is when clicked on Thanks I have this site I designed, of course I like it perfectly in Internet Explorer but when I tried it in FIREFOX something gets messed up. http://idesrecordings.com/testindex.htm Basically, you scroll over the cagalogue numbers [ID03] etc. If you click on one, a new smaller window opens. This works perfectly in IE for me. In Firefox, when I click on it, the smaller window opens, and the background window a few seconds later follows and displays the small page fullscreen as well. Basically, I want the homepage to always be in the background, and these seperate pages to always be in the smaller windows. I'm on a PC, I notice in Firefox it works properly if you RIGHT click on the items, but most people are going to LEFT click, so... I need it to work the same as it does in Internet Explorer. What do I do?! Code: <div id="Layer2" style="position:absolute; width:394px; height:291px; z-index:2; left: 93px; top: 165px" class="greenlinks"> <p><font face="Segoe Media Center"><font size="2"><b><font face="Arial Unicode MS">TAPE SERIES DISCOGRAPHY <br> </font></b><font face="Arial Unicode MS">[click on cataglogue number for more info]</font><font face="Arial Unicode MS" size="2"><br> </font></font></font></p> <p class="links"><font face="Arial Unicode MS" size="2"><a href="01cribdeath.htm" class="hoverlink" onMouseDown="MM_openBrWindow('01cribdeath.htm','','width=350,height=450')">[ID01]</a> CRIB DEATH "Nursery" c26<br> <a href="02climaxdenial.htm" class="hoverlink" onMouseDown="MM_openBrWindow('02climaxdenial.htm','','width=350,height=450')">[ID02]</a> CLIMAX DENIAL "Sexuality is Curse" c32<br> <a href="03skullerection.htm" onMouseDown="MM_openBrWindow('03skullerection.htm','','width=350,height=450')" class="hoverlink">[ID03]</a> SKULL ERECTION "Towards Failure" c20<br> <a href="04panicsville.htm" onMouseDown="MM_openBrWindow('04panicsville.htm','','width=350,height=450')" class="hoverlink">[ID04]</a> PANICSVILLE "Psychosexual" c40<br> <a href="05waltercarson.htm" onMouseDown="MM_openBrWindow('05waltercarson.htm','','width=350,height=450')" class="hoverlink">[ID05]</a> WALTER CARSON "Three Ellipticals" c30<br> <a href="06glassbath.htm" onMouseDown="MM_openBrWindow('06glassbath.htm','','width=350,height=450')" class="hoverlink">[ID06]</a> GLASS BATH "Grey Gardens c40<br> <a href="07chambers.htm" onMouseDown="MM_openBrWindow('07chambers.htm','','width=350,height=450')" class="hoverlink">[ID07]</a> N. CHAMBERS "Reciprocity" c30<br> <a href="08sixes.htm" class="hoverlink" onMouseDown="MM_openBrWindow('08sixes.htm','','width=350,height=450')">[ID08]</a> SIXES "Slit Ritual" c30<br> <a href="09caves.htm" class="hoverlink" onMouseDown="MM_openBrWindow('09caves.htm','','width=350,height=450')">[ID09]</a> CAVES "My Kingdom" c60<br> <span class="hoverlink"><a href="10kites.htm" class="hoverlink" onMouseDown="MM_openBrWindow('10kites.htm','','width=350,height=450')">[ID10]</a></span> KITES "Deny 1" c40<br> <a href="11raglani.htm" onMouseDown="MM_openBrWindow('11raglani.htm','','width=350,height=450')" class="hoverlink">[ID11]</a> RAGLANI "Oneism" c30<br> <a href="12sabuse.htm" onMouseDown="MM_openBrWindow('12sabuse.htm','','width=350,height=450')" class="hoverlink">[ID12]</a> SECRET ABUSE "Master I Have Desire" c30</font></p> hoverlink is the name of my CSS for rollover links. Hopefully this makes sense. How can I make an image swap when I mouse over another image. Mouse over image 1, and image 2 turns into image 3. So 2 images visible at once. Does anyone know if there is a way to get an image swap without using Javascript? In other words, could I set it up so when I hover over a link, an image will change to another one in HTML, CSS, or PHP? _______________________ Webkinz a ganz website panic attack causes Hi Colls, I have a task such this: At onmouseover, i need to swap the jpg with marquee text. I have tried a lot of things but probably i think in wrong direction. Coudl you help about it? Thank you in advance. Does anyone know if there is a way to get an image swap without using Javascript? In other words, could I set it up so when I hover over a link, an image will change to another one in HTML, CSS, or PHP? __________________________________ *** removed links *** For some reason my code is not working when I use certain images, any ideas? HTML Code: <td><img src="images/product_files/baby shoes & cloathing/clothes/Love'd Baby/320/Gl'oved-Sleeve-Bodysuit-Blue.jpg" name="btn1" width="284" height="320" id="btn1" onmouseover="MM_swapImage('pic1','','images/product_files/baby shoes & cloathing/clothes/Love'd Baby/320/Gl'oved-Sleeve-Bodysuit-Caramel.jpg',1)" onmouseout="MM_swapImgRestore()" /></td> Does anyone know if there is a way to get an image swap without using Javascript? In other words, could I set it up so when I hover over a link, an image will change to another one in HTML, CSS, or PHP? _________________________ Hi, I`ve got a little Prob on my Site. If you take a look at the left Side, you`ll find a hidden PREFERENCES Menu. In it are 8 Buttons with Image Swap Function. 3 Buttons doesen`t work and I don`t know why?! They a NEWSLETTER, UMFRAGE and FORUM! Sorry for my english, but it`s a German Site... LINK Thanks for your help! Hi, can someone please help me with this? In preview in dreamweaver it looks ok but in some browsers its horrible. When I turn the compatibility View on its not ok, bur if I turn it on its fine. It goes like this... How can you make a linked image to have a mouseover sound and image swap at the same time? Please help. Dear I made an html newsletter with dreamweaver and I used the swap image behavior. I can view the result perfectly in explorer. Now I mailed it to my own mailbox (via explorer) and in outlook (and also in hotmail) the swap image effect doesn't appear.(the second photo is not shown) Is there a possibility to see this in my mailbox? I tried to paste the code into my outlook, but that doesn't work with the regular outlook, I only can view the source, not edit it. Thank you very much in advance! Kind regards Sandra My client friend wants a links page with rollover emails that chage the main image of the page so he can have a different sketch of each of them. My idea, and its backfiring as I can do this if I change the email text into images with swap image and a target but he wants them to remain as copyable (mmm is that even a word?) text. Can it be done with text without making it an image? many thanks to all you wonderful people that make these sites possible jax Hi, Does anyone know a code that can be used so that if there is no image to go into an image box the box will be invisible, i.e. there won't be a little box with a cross in it. Thanks Colin I'm currently in the process of rebuilding my website and I'm having some trouble. I'm looking to get the page to look like this: http://img170.imageshack.us/img170/5833/designwh9.png This is what I'm at right now: http://www.bclw.ca/content/index2.html The buttons (unlike in the image design) are not touching each other. Is there a way to do this only using HTML? Or am I going to have to purchase one of those Website Design programs? Thanks for any help you can give! On Opera when you place the mouse on an image it shows the file On Mozilla and Netscape it doesn't show ALT at all. Can this be sorted out? Thks Hello! I'm new to these forums and am looking for a little help with my website I'm currently building. I'm trying to look for a unique way to display my images on a page. One particular way I'm thinking of is to hover over a tumbnail of the image and it pops up bigger so you can see it. Is there any code out there for that? how can i put images on my page using html or css where you cant right click and copy the image or see the image url. (kinda like a background image, but where i can add several of them) |