[jQuery] Re: Cycle Plugin not working in IE - who can help?
Remove the comma at the end of this line:
prev: '#prev' ,
trailing commas at the end of an array are not allowed in IE 6/7.
Also, next time please post a link instead of all your markup if
possible.
Cheers!
Mike
On Oct 9, 4:45 am, First Impression dancollin...@googlemail.com
wrote:
Hi,
I am currently developing a site for a client which uses the JQuery
cycle plugin to move through a number of divs which contain pictures
and info about wedding dresses.
All works fine in Firefox, but when I test in IE6 + IE7 the divs are
all stacked on top of each other vertically and they soan right down
the screen for 1000's of pixels.
To me it seems like this is a problem with absolute/relative
positioning or the z-index, I have also used a few floats in the child
divs.
I am also using SIFR for text replacement, could this be conflicting?
Here is my code, can anyone see a problem that would cause my cycle
not to work in IE.?
--
XHTML
--
code
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
titleWedding Dresses ~ Cavendish Bridal House/title
link rel=stylesheet type=text/css media=all href=css/
reset.css /
link rel=stylesheet type=text/css media=all href=css/
text.css /
link rel=stylesheet type=text/css media=all href=css/960.css /
link rel=stylesheet type=text/css media=all href=css/
styles.css /
link rel=shortcut icon href=img/favicon.ico type=image/x-icon /
link rel=stylesheet href=css/sifr.css type=text/css
media=screen /
!--[if lte IE 6]
link rel=stylesheet type=text/css media=screen href=css/
ie6.css /
![endif]--
!--[if lt IE 7]
script src=http://ie7-js.googlecode.com/svn/version/2.0(beta3)/
IE7.js
type=text/javascript
/script
/script
![endif]--
script src=js/sifr.js type=text/javascript/script
script src=js/sifr-config.js type=text/javascript/script
script src=js/jquery-1.3.2.min.js type=text/javascript/script
script src=js/jquery.cycle.all.min.js type=text/javascript/
script
script type=text/javascript
function initMenu() {
$('#menu ul').hide();
$('#menu ul#dressessub').show();
$('#menu li a').click(
function() {
var checkElement = $(this).next();
if((checkElement.is('ul')) (checkElement.is(':visible'))) {
return false;
}
if((checkElement.is('ul')) (!checkElement.is(':visible'))) {
$('#menu ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}
}
);
}
$(document).ready(function() {initMenu();});
/script
script type=text/javascript
$(document).ready(function() {
$('#wedding-dresses').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next',
prev: '#prev' ,
});
});
/script
/head
body id=wedding-dress
div id=page-outer
div class=container_12 id=page
div class=grid_12 id=header
div id=logo
a href=index.html class=logo title=Cavendish Bridal
HouseCavendish Bridal House Hayfield/a /div!--end logo--
/div!--end header--
div id=content
div id=label
ul id=menu
lia href=index.html id=home
title=Home Home/a/li
lia href=georgia.html id=georgia
title=GeorgiaGeorgia/a/li
lia href=the-shop.html id=shop
title=The ShopThe Shop/a/li
li class=headlinka href=# id=your-
dress title=Your DressYour Dress/a
ul
lia href=what-to-
expect.html title=What to expect id=expectWhat to expect/a/
li
lia href=ordering-your-
dress.html title=Ordering your dress id=ordering Ordering your
dress/a/li
lia href=alterations.html
title=Alterations id=alterations Alterations/a/li
lia href=collections.html
title=Collections id=collections Collections/a/li
/ul
/li
li class=headlinka href=dresses.html
id=dresses title=DressesDresses/a
ul id=dresses-sub
lia href=wedding-dresses.html
id=wedding title=Wedding DressesWedding Dresses/a/li
lia href=bridesmaid-dresses.html
id=bridesmaid title= Bridesmaid DressesBridesmaid Dresses/a/
li
lia href=prom-dresses.html
id=prom title=Prom DressesProm Dresses/a/li
/ul
/li
lia href=accessories.html
id=accessories title=AccessoriesAccessories/a/li
lia
[jQuery] Re: Cycle Plugin not working in IE - who can help?
:O
Thank you a thousand times Mike, you have made my life a lot easier!!!
I have learnt my lesson for future reference.
Dan
On Oct 9, 12:22 pm, Mike Alsup mal...@gmail.com wrote:
Remove the comma at the end of this line:
prev: '#prev' ,
trailing commas at the end of an array are not allowed in IE 6/7.
Also, next time please post a link instead of all your markup if
possible.
Cheers!
Mike
On Oct 9, 4:45 am, First Impression dancollin...@googlemail.com
wrote:
Hi,
I am currently developing a site for a client which uses the JQuery
cycle plugin to move through a number of divs which contain pictures
and info about wedding dresses.
All works fine in Firefox, but when I test in IE6 + IE7 the divs are
all stacked on top of each other vertically and they soan right down
the screen for 1000's of pixels.
To me it seems like this is a problem with absolute/relative
positioning or the z-index, I have also used a few floats in the child
divs.
I am also using SIFR for text replacement, could this be conflicting?
Here is my code, can anyone see a problem that would cause my cycle
not to work in IE.?
--
XHTML
--
code
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
titleWedding Dresses ~ Cavendish Bridal House/title
link rel=stylesheet type=text/css media=all href=css/
reset.css /
link rel=stylesheet type=text/css media=all href=css/
text.css /
link rel=stylesheet type=text/css media=all href=css/960.css /
link rel=stylesheet type=text/css media=all href=css/
styles.css /
link rel=shortcut icon href=img/favicon.ico type=image/x-icon /
link rel=stylesheet href=css/sifr.css type=text/css
media=screen /
!--[if lte IE 6]
link rel=stylesheet type=text/css media=screen href=css/
ie6.css /
![endif]--
!--[if lt IE 7]
script src=http://ie7-js.googlecode.com/svn/version/2.0(beta3)/
IE7.js
type=text/javascript
/script
/script
![endif]--
script src=js/sifr.js type=text/javascript/script
script src=js/sifr-config.js type=text/javascript/script
script src=js/jquery-1.3.2.min.js type=text/javascript/script
script src=js/jquery.cycle.all.min.js type=text/javascript/
script
script type=text/javascript
function initMenu() {
$('#menu ul').hide();
$('#menu ul#dressessub').show();
$('#menu li a').click(
function() {
var checkElement = $(this).next();
if((checkElement.is('ul')) (checkElement.is(':visible'))) {
return false;
}
if((checkElement.is('ul')) (!checkElement.is(':visible'))) {
$('#menu ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}
}
);
}
$(document).ready(function() {initMenu();});
/script
script type=text/javascript
$(document).ready(function() {
$('#wedding-dresses').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next',
prev: '#prev' ,
});
});
/script
/head
body id=wedding-dress
div id=page-outer
div class=container_12 id=page
div class=grid_12 id=header
div id=logo
a href=index.html class=logo title=Cavendish Bridal
HouseCavendish Bridal House Hayfield/a /div!--end logo--
/div!--end header--
div id=content
div id=label
ul id=menu
lia href=index.html id=home
title=Home Home/a/li
lia href=georgia.html id=georgia
title=GeorgiaGeorgia/a/li
lia href=the-shop.html id=shop
title=The ShopThe Shop/a/li
li class=headlinka href=# id=your-
dress title=Your DressYour Dress/a
ul
lia href=what-to-
expect.html title=What to expect id=expectWhat to expect/a/
li
lia href=ordering-your-
dress.html title=Ordering your dress id=ordering Ordering your
dress/a/li
lia href=alterations.html
title=Alterations id=alterations Alterations/a/li
lia href=collections.html
title=Collections id=collections Collections/a/li
/ul
/li
li class=headlinka href=dresses.html
id=dresses title=DressesDresses/a
ul id=dresses-sub
lia href=wedding-dresses.html
id=wedding title=Wedding DressesWedding Dresses/a/li
lia href=bridesmaid-dresses.html
id=bridesmaid title= Bridesmaid DressesBridesmaid Dresses/a/
li
