<script language="javascript" type="text/javascript"><br /> /* toggle() checks to see if the images has already been faded<br /> or not and sends the appropriate variables to opacity(); */<br /> function toggle(el,milli) {<br /> // Get the opacity style parameter from the image<br /> var currOpacity = document.getElementById(el).style.opacity;<br /> if(currOpacity != 0) { // if not faded<br /> fade(el, milli, 100, 0);<br /> } else { // else the images is already faded<br /> fade(el, milli, 0, 100);<br /> }<br /> }<br /> /* changeOpacity() uses three different opacity settings to<br /> achieve a cross-browser opacity changing function. This<br /> function can also be used to directly change the opacity<br /> of an element. */<br /> function changeOpacity(el,opacity) {<br /> var image = document.getElementById(el);<br /> // For Mozilla<br /> image.style.MozOpacity = (opacity / 100);<br /> // For IE<br /> image.style.filter = "alpha(opacity=" + opacity + ")";<br /> // For others<br /> image.style.opacity = (opacity / 100);<br /> }<br /> /* fade() will fade the image in or out based on the starting<br /> and ending opacity settings. The speed of the fade is<br /> determined by the variable milli (total time of the fade<br /> in milliseconds)*/<br /> function fade(el,milli,start,end) {<br /> var fadeTime = Math.round(milli/100);<br /> var i = 0; // Fade Timer<br /> // Fade in<br /> if(start < end) {<br /> for(j = start; j <= end; j++) {<br /> // define the expression to be called in setTimeout()<br /> var expr = "changeOpacity('" + el + "'," + j + ")";<br /> var timeout = i * fadeTime;<br /> // setTimeout will call 'expr' after 'timeout' milliseconds<br /> setTimeout(expr,timeout);<br /> i++;<br /> }<br /> }<br /> // Fade out<br /> else if(start > end) {<br /> for(j = start; j >= end; j--) {<br /> var expr = "changeOpacity('" + el + "'," + j + ")";<br /> var timeout = i * fadeTime;<br /> setTimeout(expr,timeout);<br /> i++;<br /> }<br /> }<br /> }<br /> </script><br /> <div class="welcome" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''"> <br /> <img src="<span style="color: red;">URL GAMBAR</span>"<br /> style="opacity:0.4;filter:alpha(opacity=40)"<br /> onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"<br /> onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/><br /> </div> <br /> <div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;"> <br /> <div id="june" style="display : none;"> </blockquote> </div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;">