@JohnieKarr Yep, if it works, that correctPNG() script will definitely prevent jqDock() doing anything.
On May 15, 3:22 pm, JohnieKarr <[EMAIL PROTECTED]> wrote: > Wizzud, > > Thanks for the help. Once I inclosed the script inside the document > ready function it worked great. > > It quit working however, once I inserted this script into my header: > <!--[if lt IE 7.]> > <script defer type="text/javascript" src="http://ksar.corp.cox.com/ > CustomerCare/CSI/FieldOps/includes/pngfix.js"></script> > <![endif]--> > > The images do appear, they just don't do anything. > > Of course this script corrects the transparent png issue found in ie6. > > Any suggestions would be greatly appreciated. > > Below is pngfix.js code: > > function correctPNG() // correctly handle PNG transparency in Win IE > 5.5 & 6. > { > var arVersion = navigator.appVersion.split("MSIE") > var version = parseFloat(arVersion[1]) > if ((version >= 5.5) && (document.body.filters)) > { > for(var i=0; i<document.images.length; i++) > { > var img = document.images[i] > var imgName = img.src.toUpperCase() > if (imgName.substring(imgName.length-3, imgName.length) == > "PNG") > { > var imgID = (img.id) ? "id='" + img.id + "' " : "" > var imgClass = (img.className) ? "class='" + img.className > + "' " : "" > var imgTitle = (img.title) ? "title='" + img.title + "' > " : "title='" + img.alt + "' " > var imgStyle = "display:inline-block;" + > img.style.cssText > if (img.align == "left") imgStyle = "float:left;" + > imgStyle > if (img.align == "right") imgStyle = "float:right;" + > imgStyle > if (img.parentElement.href) imgStyle = "cursor:hand;" + > imgStyle > var strNewHTML = "<span " + imgID + imgClass + imgTitle > + " style=\"" + "width:" + img.width + "px; height:" + > img.height + "px;" + imgStyle + ";" > + > "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" > + "(src=\'" + img.src + "\', sizingMethod='scale');\"></ > span>" > img.outerHTML = strNewHTML > i = i-1 > } > } > }} > > window.attachEvent("onload", correctPNG); > > Thanks, > On May 14, 6:20 pm, Wizzud <[EMAIL PROTECTED]> wrote: > > > Try placing your script inside the 'document ready' function... > > > jQuery(document).ready(function(){ > > // Your code here > > > }); > > > eg. > > <script type="text/javascript"> > > jQuery(document).ready(function(){ > > var opts = { align: 'bottom' > > , size: 150 > > , distance: 60 > > , coefficient: 1.5 > > , labels: false > > , duration: 500 > > , source: false > > }; > > jQuery('#icons').jqDock(opts); > > }); > > </script> > > > On May 14, 4:53 pm, JohnieKarr <[EMAIL PROTECTED]> wrote: > > > > Hello, > > > > I'm trying to find some support for this problem I'm having and there > > > isn't much on google regarding jqDock. > > > > I have created just a basic test page using jqDock, but nothing > > > happens. My images appear as normal, but nothing happens when I mouse > > > over them (except the title shows as normal). All my paths are > > > correct, and no errors are displayed. I have tried in both IE 6 and > > > FireFox, and both have the same result. It is an intranet site at > > > work, so I can't link to it, but here is my source: > > > > <html> > > > <head> > > > <script type="text/javascript" src="http://ksar.corp.cox.com/ > > > CustomerCare/CSI/FieldOps/includes/jquery-1.2.3.js"></script> > > > <script type="text/javascript" src="http://ksar.corp.cox.com/ > > > CustomerCare/CSI/FieldOps/includes/jquery.jqDock.js"></script> > > > <script type="text/javascript"> > > > > var opts = { align: 'bottom' > > > , size: 150 > > > , distance: 60 > > > , coefficient: 1.5 > > > , labels: false > > > , duration: 500 > > > , source: false > > > }; > > > jQuery('#icons').jqDock(opts); > > > </script> > > > </head> > > > <body> > > > <br/><br/><br/><br/> > > > <div id="icons" name="icons"> > > > <img src='http://ksar.corp.cox.com/CustomerCare/CSI/FieldOps/images/ > > > Mailmed.png' title='Click Here To Send Out A Communication'/> > > > <img src='http://ksar.corp.cox.com/CustomerCare/CSI/FieldOps/images/ > > > Printmed.png' title='Click Here To Print This Page'/> > > > <img src='http://ksar.corp.cox.com/CustomerCare/CSI/FieldOps/images/ > > > QuestionMarkmed.png' title='Click Here For Information About This > > > Website'/> > > > </div> > > > </body> > > > </html> > > > > If anyone has any idea why this doesn't work as expected that would be > > > great. > > > > I do use other jquery plugins on other pages and they work fine. > > > > Thanks, > > > Johnie Karr- Hide quoted text - > > > - Show quoted text -
