Graphics and Multimedia RSS Graphics and Multimedia RSS

rollover problems using dreamweaver

Please support our Graphics and Multimedia advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: Dec 2007
Posts: 2
Reputation: interger is an unknown quantity at this point 
Solved Threads: 0
interger interger is offline Offline
Newbie Poster

rollover problems using dreamweaver

 
0
  #1
Dec 7th, 2007
having image mouseover problems.






having problems with my image rollover
Graphics and Multimedia Syntax (Toggle Plain Text) 
  1.  
  2. <div class="artc">
  3. 						<div class="pic" id="art1"><img src="E:\ahs\art\art_1.jpg></div>
  4. 						<div class="pic" id="art2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('art2','','images/art_17.jpg',1)"><img name="art2" src="index_files/art_2.jpg"></a></div>
  5. 						<div class="pic" id="art8"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('art8','','images/art_11.jpg',1)"><img name="art8" src="index_files/art_8.jpg"></a></div>
  6. 						<div class="pic" id="art4"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('art4','','images/art_14.jpg',1)"><img name="art4" src="index_files/art_4.jpg"></a></div>
  7. 						<br>
  8. 						<!-- End of first line here -->
  9. 						<div class="pic" id="art5"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('art5','','images/art_15.jpg',1)"><img name="art5" src="index_files/art_5.jpg"></a></div>
  10. 						<div class="pic" id="art6"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('art6','','images/art_9.jpg',1)"><img name="art6" src="index_files/art_6.jpg"></a></div>
  11. 						<div class="pic" id="art7"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('art7','','images/art_13.jpg',1)"><img name="art7" src="index_files/art_7.jpg"></a></div>
  12. 						<div class="pic" id="art3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('art3','','images/art_12.jpg',1)"><img name="art3" src="index_files/art_3.jpg"></a></div>
  13. 					</div>

the image mouseover effect does not seem to work and i can not figured out why

uploaded index and included files
Last edited by interger; Dec 7th, 2007 at 5:50 pm. Reason: too longer decided to make it shorter
Attached Files
File Type: zip index_files.zip (532.7 KB, 4 views)
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 434
Reputation: FC Jamison is on a distinguished road 
Solved Threads: 20
Team Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: rollover problems using dreamweaver

 
0
  #2
Dec 8th, 2007
Yikes!

First off...your menu isn't working properly.

Second, you need this script in your header

Graphics and Multimedia Syntax (Toggle Plain Text) 
  1. <script type="text/JavaScript">
  2. <!--
  3. function MM_swapImgRestore() { //v3.0
  4.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  5. }
  6.  
  7. function MM_preloadImages() { //v3.0
  8.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  9.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  10.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  11. }
  12.  
  13. function MM_findObj(n, d) { //v4.01
  14.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  15.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  16.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  17.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  18.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  19. }
  20.  
  21. function MM_swapImage() { //v3.0
  22.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  23.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  24. }
  25. //-->
  26. </script>

Third, the folder specified for your rollover images is "images" while your original images are stored in the "index_files" folder.

This folder was not included in your zip file, and thus is why I could not see the image swap.

Adding the above script and testing the following image swap

Graphics and Multimedia Syntax (Toggle Plain Text) 
  1. <div class="pic" id="art2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('art2','','index_files/art_3.jpg',1)"><img src="index_files/art_2.jpg" name="art2" width="97" height="146" border="0"></a></div>

did work, however.
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2007
Posts: 437
Reputation: Fungus1487 is on a distinguished road 
Solved Threads: 50
Fungus1487's Avatar
Fungus1487 Fungus1487 is offline Offline
Posting Pro in Training

Re: rollover problems using dreamweaver

 
0
  #3
Dec 10th, 2007
why not use css ? http://www.findmotive.com/2006/10/31...mage-rollover/
When Autumn Falls [ http://www.whenautumnfalls.co.uk ] &&
Designdotworks [ http://www.designdotworks.co.uk ] Web / Graphic / Software Design
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2007
Posts: 2
Reputation: interger is an unknown quantity at this point 
Solved Threads: 0
interger interger is offline Offline
Newbie Poster

Re: rollover problems using dreamweaver

 
0
  #4
Dec 10th, 2007
thanks that fixed my problem.
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the Graphics and Multimedia Forum
Thread Tools Search this Thread



3d 10 actionscript3 adobe adobeacrobat adobereader air ajax amazon amf apple button cart childprotection cloud dashboard dell design dojofoundation dreamweaver ebay eclipse ecommerce elasticcomputecloud embed endorsement extra family flash flash-develop flashlite flex free harddrive iamthwee ibm illustrator imflash intel interactivemap javafx javascript laptop legal map micron microsoft mobile monitoringsoftware moonlight multimedia myspace nand news novell panorama pdf pedophiles photoshop photosynth php safety sandisk security shopping silverlight solidstatedrive sproutcore ssd streaming swf table ukmap unload unwanted video vulnerability web white.space xml zend zephyr zeroday
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC