PDA

View Full Version : Crawler marquee not working in IE 11



GEV
04-02-2016, 06:27 PM
The script works perfectly in FF 42, Waterfox 44.0, Opera 36.0, Chrome, but in IE11 (windows 7 64) it scrolls the top half about 1 pixel, then most of the bottom half, and then the last bit also about 1 pixel, at a snails pace.

I've already checked this answer from you: http://www.dynamicdrive.com/forums/showthread.php?79790-Crawler-Marquee-not-working-in-IE

Here is a link to the site:

http://olympia-art.com/omac-wp/wp-content/gallery.html

Thanks for your time

jscheuer1
04-03-2016, 12:10 AM
Works OK here in IE 11 win 7 64 bit, though maybe a tiny bit slower than in other browsers. Nothing as bad as what you describe. That said, I don't doubt you. There are lots of possibilities. There's a good chance that you just have too many images of too great a byte size for the amount of memory available to IE 11 on the machine you are using to test this. Or - you could have a third party util or custom setting in IE or the OS that are causing or contributing to this problem. I've looked at the code, made a mock up, and played with removing possible problems from the page itself, nothing materially changed, so it's unlikely anything like that (something in the code you could change), but I may have missed something.

If it's any consolation, as I say, it works OK here under IE 11 and win 7 64. And IE is already discontinued. If anything else pops up, I'll let you know.

mlegg
04-03-2016, 06:03 PM
I'm running Windows 10 64 bit and it runs fine.

GEV
04-08-2016, 02:50 PM
I just realized that I have IE8 in windows 7 not IE11.

I noticed that the IE was on it's knees trying to display anything of the page

Anyway I got it to work by adding the following, (as the first meta, otherwise is doesn't work)

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

This also works in windows 8 IE10 as well

jscheuer1
04-08-2016, 04:55 PM
IE 10 I believe ignores the IE version/emulation meta tags. And, as we were saying, it was fine in it anyway or IE 11 - pretty much the same thing. It's odd that you would have a problem in IE 8, as the script works fine in that browser, generally a bit better than in IE 7, but it also works in IE 7, 6, maybe even 5. The problem at that point, going back that far, is that other things on the page might not work so well, and/or interfere with the script. The only other thing i can think of, now with this new information is something I almost mentioned before. You are styling the marquee with CSS, generally it's best to use the initialization function's style object for that. Let me see, yes - in the style section you have:


.marquee0{
position:absolute;
height:375px;
width:100%;
left:0px;
top:280px;
background-image:url(layout/line.jpg);
background-repeat:repeat-x;
background-position:0 362px;
}
.marquee0 img{
height:250px;
width:250px;
margin:0 8px;
box-shadow:5px 0 5px #B4B5B3;
}

The second bit about the nested img tags is fine, but all that (highlighted) for the marquee0 class itself should be set in the init and only in the init. But I question which items even apply. But you could try getting rid of the highlighted and using this init:


marqueeInit({
uniqueid: 'picstrip',
style: {
'width': '100%',
'position': 'absolute',
'left': '0px',
'top': '280px',
'background-image': 'url(layout/line.jpg)',
'background-repeat': 'repeat-x',
'background-position': '0 362px',
'height': '375px' //no comma on last line http://www.dynamicdrive.com/forums/showthread.php?79790-Crawler-Marquee-not-working-in-IE
},
inc: 2, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
direction: 'left',
moveatleast: 2,
neutral: 150,
savedirection: true,
noAddedSpace: true,
random: false,
persist: false //no comma on last line http://www.dynamicdrive.com/forums/showthread.php?79790-Crawler-Marquee-not-working-in-IE
});

That doesn't actually work though either. I think that if you want to position the crawler absolutely, you need to make a wrapper element around it and position that. That should take care of it. But if it's working the way you have it in most browsers, I'm sure that's fine too.

A wrapper works like so:


/*Für die Bildlaufleiste*/
.marquee0wrap{
position:absolute;
height:375px;
width:100%;
left:0px;
top:280px;
background-image:url(gall/line.jpg);
background-repeat:repeat-x;
background-position:0 362px;
}
.marquee0 img{
height:250px;
width:250px;
margin:0 8px;
box-shadow:5px 0 5px #B4B5B3;
}
</style>

</head>

<body>
<!-- start picstrip -->
<div class="marquee0wrap">
<div class="marquee" id="picstrip">

<a rel="picstrip" href="gallery/picstrip/big/big/Abstract_Trees_I.jpg"><img src="gallery/picstrip/Abstract_Trees_I.jpg" alt="#########"></a>
<a rel="picstrip" href="gallery/picstrip/big/Babel.jpg"><img src="gallery/picstrip/Babel.jpg" alt="#########"></a>
<a rel="picstrip" href="gallery/picstrip/big/Bird_Of_Paradise.jpg"><img src="gallery/picstrip/Bird_Of_Paradise.jpg" alt="#########"></a>
<a rel="picstrip" href="gallery/picstrip/big/Blue_Mood.jpg"><img src="gallery/picstrip/Blue_Mood.jpg" alt="#########"></a>
<a rel="picstrip" href="gallery . . .

. . . /picstrip/big/When_You_Love_Me.jpg"><img src="gallery/picstrip/When_You_Love_Me.jpg" alt="#########"></a>
<a rel="picstrip" href="gallery/picstrip/big/Aufbruch.jpg"><img src="gallery/picstrip/Aufbruch.jpg" alt="#########"></a>
<!--<a rel="gallery/picstrip/" href=""><img src="gallery/picstrip/" alt="#########"></a>-->
</div></div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'picstrip',
style: {
'width': '100%',
'background-image': 'url(layout/line.jpg)',
'background-repeat': 'repeat-x',
'background-position': '0 362px',
'height': 'auto' //no comma on last line http://www.dynamicdrive.com/forums/showthread.php?79790-Crawler-Marquee-not-working-in-IE
},
inc: 2, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
direction: 'left',
moveatleast: 2,
neutral: 150,
savedirection: true,
noAddedSpace: true,
random: false,
persist: false //no comma on last line http://www.dynamicdrive.com/forums/showthread.php?79790-Crawler-Marquee-not-working-in-IE
});
</script>
<!-- End picstrip -->