How to fade multiple images on page load in HTML?
-
<!--Begin function code for image fade--> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta> <script type="text/javascript"> if (document.all||document.getElementById){ document.write('<style id="tmpStyle" type="text/css">#pic {-moz-opacity:0.00;filter:alpha(opacity=... var objG, degree=fadeAssist=0; if (document.all&&typeof document.documentElement!=='undefined') document.write('<!--[if GTE IE 5]><script type="text/javascript">fadeAssist=functi... (obj, degree){try {obj.filters.alpha.opacity=degree}catch(... } function fadepic(obj){ objG=obj if (!document.getElementById&&!document.all... return; var tS=document.all? document.all['tmpStyle'] : document.getElementById('tmpStyle') if (degree<100){ degree+=5 if (objG.filters&&objG.filters[0]&&fadeAssi... fadeAssist(objG, degree) else if (typeof objG.style.MozOpacity=='string') objG.style.MozOpacity=degree/101 else if (typeof objG.style.KhtmlOpacity=='string') objG.style.KhtmlOpacity=degree/100 else if (typeof objG.style.opacity=='string'&&!objG.filt... objG.style.opacity=degree/101 else tS.disabled=true setTimeout("fadepic(objG)", 50) } else tS.disabled=true } </script> </head> </html> <!--End function code for image fade--> <a href="helloWorld.htm"> <img id="pic" onload="fadepic(this);" src="images/helloWorld.png"></img> </a> <!--@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@... I have the above code to fade in a clickable image that redirects to helloWorld.htm on click. I am having trouble that for when I try to add multiple images like so: <a href="helloWorld1.htm"> <img id="pic" onload="fadepic(this);" src="images/helloWorld1.png"></img> </a> <a href="helloWorld2.htm"> <img id="pic" onload="fadepic(this);" src="images/helloWorld2.png"></img> </a> <a href="helloWorld3.htm"> <img id="pic" onload="fadepic(this);" src="images/helloWorld3.png"></img> </a> None of the images fade. I was really hoping I could have all of the images fade in at once on the pageload. I am very inexperienced with HTML and programming in general, I am hoping one of you can help. Thank you very much! -Sky
-
Answer:
Type invisible and then, the specific items.. Good luck!
flopperr at Yahoo! Answers Visit the source
Other answers
Type invisible and then, the specific items.. Good luck!
Related Q & A:
- How are multiple images stitched?Best solution by stackoverflow.com
- How to drag multiple images in Android?Best solution by Stack Overflow
- How to store multiple Images in database?Best solution by Stack Overflow
- how to embed multiple images into HTML email?Best solution by Stack Overflow
- How do i get multiple images?Best solution by Stack Overflow
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.