Slider w jQuery

Wszystko o HTML, XHTML, XML, CSS.
Kucharskov
Posty: 59
Rejestracja: 06 lis 2010, 14:46:32
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1280x1024
Kontakt:

Slider w jQuery

Post autor: Kucharskov »

Witam! Mam taki oto kod podstrony ze sliderem:

Head:

Kod: Zaznacz cały

<link rel='stylesheet' href='Style/styloekipie.css' type='text/css'>
<script type="text/javascript" charset="UTF-8" src="Skrypty/jquery.js" ></script>
<script type="text/javascript" charset="UTF-8" src="Skrypty/jquery.flow.js"></script>
<script type="text/javascript">
$(function() {
$("div#controller").jFlow({
slides: "#slides",
width: "900px",
height: "250px"
});
});
</script>
<- skrypty sa wg tutorialu wiec tutaj nie ma problemu

Body:

Kod: Zaznacz cały

Link: http://chomikuj.pl/KMG96/WRZU*c4*86+TUTJ+SW*c3*93J+PLIK!/kod,396756792.txt 
No i styl css.:

Kod: Zaznacz cały

body {
background-color: #000000;
color: white; 
font-family: Times New Roman;
scrollbar-3dlight-color: silver;
scrollbar-arrow-color: black;
scrollbar-base-color: white;
scrollbar-dark-shadow-color: black;
scrollbar-face-color: white;
scrollbar-highlight-color: silver;
scrollbar-shadow-color: silver;
}

tabble {
border: 0px;
}

a:hover {
color: red;
}

a:link {
color: orange;
}

a:visited {
color: yellow;
}

.cbalink {
display: none;
}

p {
font-size: 0.7em;
font-family: Verdana;
line-height: 18px;
text-align: justify;
}

h1 {
color: #ffffff;
font-size: 1.1em;
font-weight: normal;
}

#container {
width: 900px;
margin: 0px auto;
}

#featured-image01 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image02 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image03 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image04 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image05 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image06 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image07 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image08 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image09 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image10 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image11 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image12 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

#featured-image13 {
background-image: url("../Obrazy/ScroolMenu/NoImg.png");}

.featured-text {
float: left;
width: 450px;
margin-top: 25px;
}

#featured-image01, #featured-image02, #featured-image03, #featured-image04, #featured-image05, #featured-image06, #featured-image07, #featured-image08, #featured-image09, #featured-image10, #featured-image11, #featured-image12, #featured-image13 {
float: right;
width: 449px;
height: 214px;
background-repeat: no-repeat;
background-position: right;
}

#featured-image {
float: right;
width: 449px;
background-image: url("../Obrazy/ScroolMenu/Img.png");
background-repeat: no-repeat;
background-position: right;
height: 214px;
}

.featured-buttons {
height: 144px;
width: 34px;
margin-left: -250px;
padding-top: 70px;
}

.hidden {
display: none;
}
 
Wszystko fgajnie działa ALE:
- gdy z ostatniej "zakładki" przejdziemy do pierwszej to nie ejst ona przesówana tylko po prostu tak "wyskakuje"
- gdy przejdziemy z ostatniej do przedostatniej to nie ejst przewijane o jedną "zakąłdke" tylko wsyztkie się przewijają

Czyli tak jak by jedno rpzewijanie się zgubiło a jedno jest za długie!

Prosze o pomoc T1000e![*]
kryzz
Posty: 438
Rejestracja: 26 sty 2008, 09:05:13
Płeć: Niewybrana
User Agent: Firefox Windows 1600x1200

Re: Slider w jQuery

Post autor: kryzz »

Możesz wrzucić wersję online ?
Kucharskov
Posty: 59
Rejestracja: 06 lis 2010, 14:46:32
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1280x1024
Kontakt:

Re: Slider w jQuery

Post autor: Kucharskov »

Link:

Kod: Zaznacz cały

http://kucharskov.cba.pl/OEkipie.html 
Weź sprawdź ;D
kryzz
Posty: 438
Rejestracja: 26 sty 2008, 09:05:13
Płeć: Niewybrana
User Agent: Firefox Windows 1600x1200

Re: Slider w jQuery

Post autor: kryzz »

Ładny przykład wykorzystania jFlow http://www.wordimpressed.com/demos/jFlo ... index.html w źródle strony masz idealny kod :wink:
Kucharskov
Posty: 59
Rejestracja: 06 lis 2010, 14:46:32
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1280x1024
Kontakt:

Re: Slider w jQuery

Post autor: Kucharskov »

Nie dąło by się naprawic mojego??? bo nei chce mis ei wszystkeigo nzów przepisywać!!
ODPOWIEDZ