I'm not sure how I should put this in but here is my html ____________________________________________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <!-- Javascript--> <script type="text/javascript" src="library.js"></script> <script type="text/javascript" src="jquery.flow.1.1.min.js"></script> <script type="text/javascript" src="navigation.js"></script> <script type="text/javascript" src="flow.js"></script> <title>Creative Provision</title> </head> <body> <div id="container" http://www.twitter.com/CreativeProv images/twitter.png index.html images/logo.png <ul id="nav"> <li id="nav_home"> index.php Home </li> <li id="nav_about"> about.php About </li> <li id="nav_portfolio"> # Portfolio </li> <li id="nav_contact"> # Contact </li> <li id="nav_blog"> # Blog </li> </ul> <div id="header"> <!--Slideshow--> <div id="slideShow"> <div id="controller"> </div> <div id="slides"> <div> images/image_1.png <p></p> </div> <div> images/image_2.jpg <p></p> </div> <div> images/image_3.jpg <p> </p></div> </div> images/shine.png </div> <div id="headerText"> fresh and professional </div> <div id="headerText2"> resources for your ministry </div> <div id="headerbar"> images/header_bar.png </div> <div id="headerText3"> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniaquis nostrud exercitation ullamco laboris nisi ut aliquipex ea commodo consequat. Duis aute irure dolor in reprehenderitin voluptate velit esse cillum dolore eu fugiat nulla pariatur." </div> <div id="prev"> images/prev.png </div> <div id="next"> images/next.png </div> images/ribbon.png </div><!--header--> <div class="content"> hello </div> </div> <!--containter--> </body> </html> ___________________________________________________________________________ As you can see I have 4 javascript files. I have only edited one of them. Two of them are plugins and one is the Jquery Library. This is the one I edited. ___________________________________________________________________ /*navigation*/ $(function() { /*ifjavascript*/ $('#slideShow').css('overflow', 'hidden'); $('#ribbon').css('display', 'inline'); $('#next img').css('display', 'inline'); $('#prev img').css('display', 'inline'); // set opacity to nill on page load $("ul#nav li a").css("opacity","0"); // on mouse over $("ul#nav li a").hover(function () { // animate opacity to full $(this).stop().animate({ opacity: 1 }, "300"); }, // on mouse out function () { // animate opacity to nill $(this).stop().animate({ opacity: 0 }, "400"); }); }); /*preload*/ if (document.images) { preload_image_object = new Image(); // set image url image_url = new Array(); image_url[0] = "images/logo.png"; image_url[1] = "images/navigation2.png"; var i = 0; for(i=0; i<=3; i++) preload_image_object.src = image_url[i]; } /*pngIE6fix*/ var clear="images/clear.gif" //path to clear.gif pngfix=function(){var els=document.getElementsByTagName('*');var ip=/\.png/i;var i=els.length;while(i-- >0){var el=els[i];var es=el.style;if(el.src&&el.src.match(ip)&&!es.filter){es.height=el.height;es.width=el.width;es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+el.src+"',sizingMethod='crop')";el.src=clear;}else{var elb=el.currentStyle.backgroundImage;if(elb.match(ip)){var path=elb.split('"');var rep=(el.currentStyle.backgroundRepeat=='no-repeat')?'crop':'scale';es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage='none';var elkids=el.getElementsByTagName('*');if (elkids){var j=elkids.length;if(el.currentStyle.position!="absolute")es.position='static';while (j-- >0)if(!elkids[j].style.position)elkids[j].style.position="relative";}}}}} window.attachEvent('onload',pngfix); /*disabled*/ function hideScriptDisabled() { document.getElementById("scriptDisabled").display = "none"; } _______________________________________________________________________ if you need any other files please let me know. Thanks a ton. -- View this message in context: http://old.nabble.com/jquery-png-problem-tp26343402s27240p26345992.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
