Skocz do zawartości

[Problem] Slider gallery

Featured Replies

Napisano

Witam,

mam następujący problem:

próbuję zrobić przesuwaną galerię, znalazłem skrypt iCarousel (http://zendold.lojcomm.com.br/icarousel/). Po wielu ciężkich próbach udało mi się sprawić, żeby działał... jednak nie działa on najlepiej... pokażę do czego doszedłem:

 

http://www.pigk.net/torm/gal/gallery.html

 

jedyną rzeczą, której nie mogę się pozbyć jest dziwne przeskakiwanie zdjęć, oraz ich obcinanie po bokach. Może ktoś próbował coś robić tym skryptem? i wie o co chodzi, lub zna jakiś inny skrypt, który mógłby mi w tym pomóc.

 

Poniżej zamieszczam cały niezbędny kod:

 

   
.   
.    
.   



.
. 
<br />
 window.addEvent("domready", function() {   <br />
    new iCarousel("example_3_content", {   <br />
        idPrevious: "example_3_previous",   <br />
        idNext: "example_3_next",   <br />
        idToggle: "undefined",   <br />
        item: {   <br />
            klass: "example_3_item",   <br />
            size: 86   <br />
        },   <br />
        animation: {   <br />
            duration: 1000,   <br />
            amount: 4   <br />
        }   <br />
    });   <br />
});<br />

.   








   

   
   



   


   
   


div#container {margin:0 auto; padding:10px; background-color:#80705f; width:948px; text-align:left;}
div#container_bd ul {list-style-type: circle;}
div#container_bd ul li {margin: 0 auto;}


/* example_3 css */
#example_3 {
position: relative; /* important */
overflow: hidden; /* important */
width: 948px; /* important */
height: 230px; /* important */
margin: 0 auto;
background: #80705f;
}

#example_3_frame {position: relative}
#example_3_previous {float: left; margin: auto;}
#example_3_next {float: right; margin: auto 0;}
#example_3_content {
position: absolute;
top: 0;
margin-left: 20px;
}

#example_3_content
#example_3_content li {
list-style: none;
margin: 0;
padding: 0;
}
#example_3_content {
	width: 2250px;
}
#container_bd #example_3 ul li {
	display: block;
	float: left;
	margin: 5px;
	background-color: #000;
}

#container_bd #example_3 ul li img {
display: block;
}

 

Podejżewam, że problem tkwi głównie w kodzie CSS, jednak nie mam pojęcia co ustawić, żeby to zaczęło poprawnie działać.

 

Z góry dzięki za pomoc i pozdrawiam.

  • Wyświetleń 1,3k
  • Created
  • Ostatniej odpowiedzi

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Powiadomienie o plikach cookie

Wykorzystujemy cookies. Przeczytaj więcej Polityka prywatności Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.

Account

Navigation

Szukaj

Szukaj

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.