jCarousel problem

max-m · Napísal **max-m**: 05.10.2010 16:04

Caute,
mam taky mensi problem. Na stranku chcem pouzit jQuery doplnok jCarousel.

v <head> mam teda:

Kód:

<link rel="stylesheet" type="text/css" media="screen" href="css/jcarousel.css" />
<script language="javascript" src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jcarousel.js"></script>
<script language="javascript" src="js/engine.js" type="text/javascript"></script>

pricom obsah jcarousel.css (p.s.: obrazky, ktore tam chcem zobrazovat maju rozmer 603x266 a samotna stranka ma sirku 680):

Kód:

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 600px;
    padding:0px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  600px;
    height: 266px;
    margin-bottom:15px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 603px;
    height: 266px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 117px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../img/prev-horizontal.jpg);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 117px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../img/next-horizontal.jpg);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

a este obsah engine.js:

Kód:

$(document).ready(function() {
                           
    jQuery('#mycarousel').jcarousel({
            scroll:1,
            wrap:'last'
    });
  
});

samotne implementovanie na stranke:

Kód:

<ul id="mycarousel" class="jcarousel-skin-tango">
  <li><img src="img/big_test.jpg" alt="" /></li>
  <li><img src="img/big_test1.jpg" alt="" /></li>
</ul>

samotny carousel sa mi sice spusti tak ako ma a najprv to tak vyzera, ze je vsetko OK, no ked sa pride na koniec, musi sa kliknut este raz na sipku doprava (bez toho, ze by sa nieco udialo) aby som sa dostal na zaciatok (pri vypnuti wrap-u sa musi kliknut este raz na sipku doprava - zase sa nic nestane - aby sa mi ta sipka deaktivovala).

v com moze byt chyba?

DIK.

Ďuri · Napísal **Ďuri**: 05.10.2010 17:08

Kym nepridas odkaz na zivu ukazku, myslim, ze nikto sa nebude unuvat stahovat si vselijake kniznice a kopirovat tvoje kody. Respektuj prosim pravidla kategorie Javascript a Ajax.

max-m · Napísal autor témy **max-m**: 05.10.2010 17:14

OK, ak to bolo proti pravidlam, tak to som v umysle nemal. ked budem mat link, tak ho sem upnem.

// edit by max-m:
takze, tu je slubena testovacia linka http://www.martinsoft.sk/jcarousel-test/

jCarousel problem

Podobné témy