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 -
