[jQuery] Re: JQuery Cycle Plugin, all images in pool showing up when page loads

2009-06-01 Thread Adrian Chen 

Found how how to do it:



.pics {
width: 960px;
height: 220px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

.pics img {
width: 960px;
height: 220px;
}


overflow: hidden did the trick. Thanks!




On Jun 1, 1:27 pm, Adrian Chen ac...@mac.com wrote:
  Use CSS to control the initial display of the images.

 How would that be done? Right now this is what I'm using

 .pics {
     height: 220px;
     width: 960px;
         margin-left: auto;
         margin-right: auto;

 }

 .pics img {
     width: 960px;
     height: 220px;

 }

[jQuery] Re: JQuery Cycle Plugin, all images in pool showing up when page loads

2009-06-01 Thread Karl Swedberg 


On Jun 1, 2009, at 2:27 PM, Adrian Chen wrote:




Use CSS to control the initial display of the images.


How would that be done? Right now this is what I'm using



.pics {
   height: 220px;
   width: 960px;
margin-left: auto;
margin-right: auto;
}

.pics img {
   width: 960px;
   height: 220px;
}



Hi Adrien,

Try it with two additional declarations:

.pics {
position: relative;
   height: 220px;
   width: 960px;
   margin-left: auto;
   margin-right: auto;
}

.pics img {
position: absolute;
   width: 960px;
   height: 220px;
}


--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com

[jQuery] Re: JQuery Cycle Plugin, all images in pool showing up when page loads

2009-06-01 Thread Karl Swedberg 

Oops. Sorry I misspelled your name, Adrian.

--Karl




On Jun 1, 2009, at 3:58 PM, Karl Swedberg wrote:



On Jun 1, 2009, at 2:27 PM, Adrian Chen wrote:




Use CSS to control the initial display of the images.


How would that be done? Right now this is what I'm using



.pics {
   height: 220px;
   width: 960px;
margin-left: auto;
margin-right: auto;
}

.pics img {
   width: 960px;
   height: 220px;
}



Hi Adrien,

Try it with two additional declarations:

.pics {
position: relative;
   height: 220px;
   width: 960px;
   margin-left: auto;
   margin-right: auto;
}

.pics img {
position: absolute;
   width: 960px;
   height: 220px;
}


--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com