1 reply [Last post]
chambers.kevin
chambers.kevin's picture
Offline
newbie
USA
Last seen: 5 years 40 weeks ago
USA
Timezone: GMT-7
Joined: 2014-10-24
Posts: 1
Points: 2

Hey All,

My boss has me developing a webpage for our small company. I've got a image slider thing on the homepage that has 5 images on it that change, but the default image is to large, you only see the sky, not the entire image, and when the images change they are on top of the default image.

Code

<div id="gallery">
    <ul>
      <li class="placeholder" style="background-image:url(images/gallery/IMG_1615.JPG);">Image Holder</li>
      <li><a class="swap" href="#"><img src="images/gallery/10688188_263523163771625_1687839625863129625_o.jpg" alt="" /><span><img src="images/gallery/10688188_263523163771625_1687839625863129625_o.jpg" width="950" height="370" alt="" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/IMG_0427.JPG" alt="" /><span><img src="images/gallery/IMG_0427.JPG" width="950" height="370" alt="" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/IMG_0428.JPG" alt="" /><span><img src="images/gallery/IMG_0428.JPG" width="950" height="370" alt="" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/IMG_0570.JPG" alt="" /><span><img src="images/gallery/IMG_0570.JPG" width="950" height="370" alt="" /></span></a></li>
      <li class="last"><a class="swap" href="#"><img src="images/gallery/IMG_1183.JPG" alt="" /><span><img src="images/gallery/IMG_1183.JPG" width="950" height="370" alt="" /></span></a></li>
    </ul>
  </div>

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi chambers.kevin, You could

Hi chambers.kevin,
You could probably use max-width:100%; on the images.
If you link to the site it is easier to provide help.