[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
I had the same issue, but the following solution worked for me: To add
css rule specifying width and height to the div element in the head
section, just after the stylesheet link
For eg.
link href=css/stylesheet.css rel=stylesheet type=text/css
media=screen,projection /
style type=text/css
#s4{
width:240px;
height:160px;
}
/style
Now the text wraps for me in Safari, but this has created another
issue - the incoming div bumps into the outgoing div, creating a messy
look. Any ideas??
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
Having a similar issue with text content. Text does not wrap in Safari
(using this as a quote scroller). All other browsers handle it fine.
div id=rotate
div class=sideQuotes
span class=sideTitleDid You Know?/spanbr /
pbABC.com/b is a great place to find...Pest Control, Pool
Cleaning, Electrical, and more!/p
/div
div class=sideQuotes
span class=sideTitleDid You Know?/spanbr /
pbXYZ.com/b is a great place to find...Pest Control, Pool
Cleaning, Electrical, and more!/p
/div
/div
Class sideQuotes has a set height/width... Even added one to the id
rotate to see if it would make a difference...
On Apr 13, 11:30 am, Mike Alsup mal...@gmail.com wrote:
div class=slideshow
div class=slideimg src=slide1.jpg alt= title=brdiv
class=textbackgroundnbsp;/divdiv class=slidetext/div/
div
div class=slideimg src=slide2.jpg alt= title=brdiv
class=textbackgroundnbsp;/divdiv class=slidetext/div/
div
/div
and the css:
.slideshow{
width:680px;
height:250px;
}
div.slidetext {
height:20px;
width:680px;
display:block;
margin-top:-25px;
margin-left:15px;
position:absolute;
}
div.textbackground {
display:block;
height:30px;
width:680px;
opacity:0.7;
margin-top:-30px;
position:absolute;
}
and both the height and the width of .slideshow are not recognized in
Chrome (but work fine in IE and FF).
How about either giving the slide elements a specific height/width or
adding height/width attributes to the img elements?- Hide quoted text -
- Show quoted text -
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
I have the same issue with Chrome.
I just tried the newest version of Cycle but the problem is still
there.
Wrapping the cycle div in another one fixes the problem but that seems
not really the way to go.
The code goes something like:
div class=slideshow
div class=slideimg src=slide1.jpg alt= title=brdiv
class=textbackgroundnbsp;/divdiv class=slidetext/div/
div
div class=slideimg src=slide2.jpg alt= title=brdiv
class=textbackgroundnbsp;/divdiv class=slidetext/div/
div
/div
and the css:
.slideshow{
width:680px;
height:250px;
}
div.slidetext {
height:20px;
width:680px;
display:block;
margin-top:-25px;
margin-left:15px;
position:absolute;
}
div.textbackground {
display:block;
height:30px;
width:680px;
opacity:0.7;
margin-top:-30px;
position:absolute;
}
and both the height and the width of .slideshow are not recognized in
Chrome (but work fine in IE and FF).
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
div class=slideshow
div class=slideimg src=slide1.jpg alt= title=brdiv
class=textbackgroundnbsp;/divdiv class=slidetext/div/
div
div class=slideimg src=slide2.jpg alt= title=brdiv
class=textbackgroundnbsp;/divdiv class=slidetext/div/
div
/div
and the css:
.slideshow{
width:680px;
height:250px;
}
div.slidetext {
height:20px;
width:680px;
display:block;
margin-top:-25px;
margin-left:15px;
position:absolute;
}
div.textbackground {
display:block;
height:30px;
width:680px;
opacity:0.7;
margin-top:-30px;
position:absolute;
}
and both the height and the width of .slideshow are not recognized in
Chrome (but work fine in IE and FF).
How about either giving the slide elements a specific height/width or
adding height/width attributes to the img elements?
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
safari doesn't recognize my cycle div's height (on this page the div is .photo) the same thing happens on the home page, too. chrome has the same problems when you first visit the page, but fixes itself when you leave the page and come back. anyone know what's going on?!?! Can you try using the latest version of the plugin? http://www.malsup.com/jquery/cycle/download.html
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
I hope someone can help me with this issue. When I look at the demo pages on the Cycle plugin website they all work in all browsers but when I do my own page and test it using the shuffle feature it works in IE6, IE7, Firefox but not Safari or Chrome. I am going crazy here so can some one point me as to why Cycle plugin is not doing anything and just stacking the div elements one on top of the other . I am using JQuery 1.3.2 and Cycle Plugin 2.56 . Regards peter Please post a link so we can see what's going on. Thanks.
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
Hi, Thanks for the quick response. I am building a new page for a client and really would like to use the cycle plugin but it has to work in all Browser. http://www.franchiserecordpool.com/promoonlyalbums_new.php On Mar 13, 3:14 pm, Mike Alsup mal...@gmail.com wrote: I hope someone can help me with this issue. When I look at the demo pages on the Cycle plugin website they all work in all browsers but when I do my own page and test it using the shuffle feature it works in IE6, IE7, Firefox but not Safari or Chrome. I am going crazy here so can some one point me as to why Cycle plugin is not doing anything and just stacking the div elements one on top of the other . I am using JQuery 1.3.2 and Cycle Plugin 2.56 . Regards peter Please post a link so we can see what's going on. Thanks.
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
Thanks for the quick response. I am building a new page for a client and really would like to use the cycle plugin but it has to work in all Browser. http://www.franchiserecordpool.com/promoonlyalbums_new.php This is what I see in the Safari console: Result of expression '$(document).ready' [undefined] So it looks like you have something not quite right with your Prototype/jQuery setup. Not sure why the error only happens in WebKit though. Mike
