•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the Graphics and Multimedia section within the Web Development category of DaniWeb, a massive community of 425,782 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,319 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our Graphics and Multimedia advertiser: Programming Forums
Views: 668 | Replies: 3
 |
| |
•
•
Join Date: Dec 2007
Posts: 2
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
having image mouseover problems.
having problems with my image rollover
the image mouseover effect does not seem to work and i can not figured out why
uploaded index and included files
having problems with my image rollover
<div class="artc">
<div class="pic" id="art1"><img src="E:\ahs\art\art_1.jpg></div>
<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>
<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>
<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>
<br>
<!-- End of first line here -->
<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>
<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>
<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>
<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>
</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 4:50 pm. Reason: too longer decided to make it shorter
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 429
Reputation:
Rep Power: 5
Solved Threads: 18
Posting Pro in Training
Yikes!
First off...your menu isn't working properly.
Second, you need this script in your header
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
did work, however.
First off...your menu isn't working properly.
Second, you need this script in your header
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</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
<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.
•
•
Join Date: Apr 2007
Location: Birmingham
Posts: 378
Reputation:
Rep Power: 2
Solved Threads: 37
Posting Whiz
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
Designdotworks [ http://www.designdotworks.co.uk ] Web / Graphic / Software Design
|
•
•
•
•
•
•
•
•
DaniWeb Graphics and Multimedia Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Hybrid Mode
- Dreamweaver active image links (Site Layout and Usability)
- Image Swap Problems (JavaScript / DHTML / AJAX)
- JS opacity menu Problems In IE - rare (HTML and CSS)
- Elapse Time Since Program Start Working (C++)
- IE security not showing rollovers, "ActiveX blocked" on my page... (HTML and CSS)
Other Threads in the Graphics and Multimedia Forum
- Previous Thread: Can't Play MP3/WAV over HTTP
- Next Thread: Flash Cs3 interactive map HELP PLZ
