Javascript Carusel photo gallery δεν λειτουργεί σε widescreen ανάλυση

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
kolonias82
Δημοσιεύσεις: 17
Εγγραφή: 08 Μάιος 2009 11:11

Javascript Carusel photo gallery δεν λειτουργεί σε widescreen ανάλυση

Δημοσίευση από kolonias82 » 30 Μάιος 2011 16:37

Έχω φτιάξει ενα photo gallery σε javascript άλλα δεν λειτουργει σε οθόνες widescreen μόνο σε οθόνες τετράγωνες
παρακάτω σας περνάω και τον κώδικα να δείτε αν έχω κάνει κάποιο λάθος
και για ποιό λόγο κάνει αυτο το κουλό πράγμα....!!!!!!!

[url=http://www.playkid.gr/]


css code

Κώδικας: Επιλογή όλων

#random .carousel {
    margin:auto;
	width:800px;
    padding: 0px;
    position: relative;
}
#random .digg {
    left: 610px;
    position: absolute;
    top: 110px;
}
#random .main {
    margin-left: 40px;
}
#random .demo em {
    color: #FF3300;
    font-size: 60%;
    font-style: normal;
    font-weight: bold;
}
#random .carousel button {
	float:left;
	cursor:pointer;
}
#random .carousel a.prev, #random .carousel a.next {
    background: url("/image/imageNavLeft.gif") no-repeat scroll left 60px transparent;
    display: block;
    float: left;
    height: 143px;
    text-decoration: none;
    width: 30px;
}
#random .carousel a.next {
    background: url("/image/imageNavRight.gif") no-repeat scroll right 60px transparent;
}
#random .carousel a.next:hover {
    background-image: url("/image/imageNavRightHover.gif");
}
#random .carousel a.prev:hover {
    background-image: url("/image/imageNavLeftHover.gif");
}
#random .carousel a:hover, #random .carousel a:active {
    border: medium none;
    outline: medium none;
}
#random .carousel .jCarouselLite {
	margin-top:10px;
    float: left;
    left: -5000px;
    position: relative;
    visibility: hidden;

}
#random .carousel ul {
    margin: 0;
}
#random .carousel li img, #random .carousel li p {
    background-color: #FFFFFF;
    height: 118px;
    margin: 10px;
    width: 150px;
}
#random .widget img {
    cursor: pointer;
}
#random .mid {
    height: 300px;
    margin-left: 80px;
    width: 400px;
}
#random .vertical {
    margin-left: 170px;
}
#random .vertical .jCarouselLite {
    width: 170px;
}
#random .imageSlider li img, #random .imageSlider li p, #random .imageSliderExt li img, #random .imageSliderExt li p {
    height: 300px;
    width: 400px;
}


html

Κώδικας: Επιλογή όλων

<div class="carousel default">
      <button class="prev" style="border&#58; 0; background&#58; transparent">
       		<img src="gallery_photos/button_left.png" alt="Left" border="0"/>
      </button>
      
      <div class="jCarouselLite">
          <ul>
              <li><a href="#"><img src="gallery_photos/01.jpg" alt="" height="75" width="136"></a></li>
              <li><img src="gallery_photos/02.jpg" alt="" height="75" width="136"></li>
              <li><img src="gallery_photos/03.jpg" alt="" height="75" width="136"></li>
              <li><img src="gallery_photos/01.jpg" alt="" height="75" width="136"></li>
              <li><img src="gallery_photos/02.jpg" alt="" height="75" width="136"></li>
              <li><img src="gallery_photos/03.jpg" alt="" height="75" width="136"></li>
          </ul>
      </div>
      <button class="next" style="border&#58; 0; background&#58; transparent">
       		<img src="gallery_photos/button_right.png" alt="Right" border="0"/>
      </button>
      <div class="clear"></div>   
      </div>

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες