Ieškau scripto/ video slider

Sveiki, reikia jūsų pagalbos, bandau ieškoti, bet nelabai sekasi, gal galite padėti surasti"video slider" jeigu taip galima pavadinti, nežinau net kaip paieškos laukelyje rašyti, kad rasčiau to ką noriu.

Beveik idialų pavyzdį radau youtube.

Screen:

http://www.part.lt/img/41a14cad766cb02c2a3c6b170871411a594.PNG

Tik žinoma nereikia, kad rodytų kiek pražiūrėta, ir prieš kiek laiko įkelta.

Svarbu kad leistu ideti video linka is youtube, ir galetu su rodiklėlimis važinėti į šonus.

nelabai tinkamas šis varijantas, ir šeip čia kaip matau paveiksliuku slideris.

Galbūt sulauksiu geresnių varijantų ir labiau atvaizduojanti mano pateikta pavyzdį?

Arvio variantas. Bet ką gali su juo scrollint, nebūtinai paveikslėlius. Ką įdėsi tas ir scrollinsis.

http://bxslider.com/examples/video

čia paprastas video slider, kuris rodo tik 1 video, šitas irgi netinka, nes tikriausiai negalima padaryti kad pvz rodytu po 4 video, o paspaudus į šona rodykle atslinktu 5-tas video, o pirmas užsisleptu.

čia paprastas video slider, kuris rodo tik 1 video, šitas irgi netinka, nes tikriausiai negalima padaryti kad pvz rodytu po 4 video, o paspaudus į šona rodykle atslinktu 5-tas video, o pirmas užsisleptu.

Galima, tik netingėk šiek tiek pasiskaityti dokumentacija. Yra atskiri nustatymai, kur nurodai kiek vienu metu rodyti, po kiek turi pasislinkti ir t..t.

EDIT: išvisa gali būti be jokių tekstu poto prisilibdysiu juos pats svarbu, kad būtų toks slideris kuris rodo 4 videos o paspaudus į šoną atslenka 5-tasis video, o pirmasis pasislepia.

EDIT: išvisa gali būti be jokių tekstu poto prisilibdysiu juos pats svarbu, kad būtų toks slideris kuris rodo 4 videos o paspaudus į šoną atslenka 5-tasis video, o pirmasis pasislepia.

Nu tai mano duotas pvz puikiai tau tinka, tik reiktu redaguoti

ant lėkštutės padėto varianto gali ir pats pasieškoti, jeigu turi laiko. Arvio variantas kuo idealiausiai tinkamas tau, jeigu nemoki pasikeisti nors kiek pagal tavo reikmes - ieškok kas tai padarytų tau už pinigus

Arvio variantas. Bet ką gali su juo scrollint, nebūtinai paveikslėlius. Ką įdėsi tas ir scrollinsis.

Galima, tik netingėk šiek tiek pasiskaityti dokumentacija. Yra atskiri nustatymai, kur nurodai kiek vienu metu rodyti, po kiek turi pasislinkti ir t..t.

Bl kažkaip nemačiau jūsų pranešimo kai rašiau savo paskutiniį pranešimą... ech

žiūrėkit radau labai panašų varijantą, bet vel jis pateiktas paveiksliuko būdu, o ar šį varijantą galima padaryti su video?

Mano nuoroda

Bl kažkaip nemačiau jūsų pranešimo kai rašiau savo paskutiniį pranešimą... ech

 

žiūrėkit radau labai panašų varijantą, bet vel jis pateiktas paveiksliuko būdu, o ar šį varijantą galima padaryti su video?

Mano nuoroda

Taip. http://irmantas.net/test/ys/

Taip. http://irmantas.net/test/ys/

ta jūsų pateikta nuoroda neveikia :)

ta jūsų pateikta nuoroda neveikia :)

Galbūt dėl ddos, aš dabar užsienyje, tai man kaip ir krauna. Nežinau kaip iš Lietuvos, turbūt atjungė srautą.

http://www.failai.lt/spqtybtp07dd/ys.rar.htm

Galbūt dėl ddos, aš dabar užsienyje, tai man kaip ir krauna. Nežinau kaip iš Lietuvos, turbūt atjungė srautą.

http://www.failai.lt/spqtybtp07dd/ys.rar.htm

didelis dekui, nors pilnai nesu tikras, ką čia pakeitej, bet leisk speti, kazka pakoregavai, kad vietoj paveiksliuko rodytu video ar tai tiesa? :)

Esu beveik žalias programavime, bet bandau kažka libdyti, ir gal kažka išmoksiu, kaip ten sakoma nebandysi nemokesi :)

ant lėkštutės padėto varianto gali ir pats pasieškoti, jeigu turi laiko. Arvio variantas kuo idealiausiai tinkamas tau, jeigu nemoki pasikeisti nors kiek pagal tavo reikmes - ieškok kas tai padarytų tau už pinigus

dekui už pasiūlyma, bet aš iš savo tinklapio nesiekiu jokio pelno/popiuliarumo, tad ir įnašų į jį nededu (tik į hostinga). Programavimas mano naujas hodis, neseniai tik pradėjau apie jį domėtis(kai tik turiu laiko jam skiriu laiko). Todėl dabar bandau kažką su kitu žmonių pagalba sulibdyti, o tokių žmonių kurie padeda be atlygio kaip matau dar yra :)

Beje gal galit kas ištaisyti klaidą nes čia kažkur ji yra, tikriausiai programuotojams šis kodas atrodys labai netvarkingas, tad labai atsiprašau :)

<head>
<script type="text/javascript" src="/carousel_revisited/js/carousel.js"></script>
<link rel="stylesheet" href="/carousel_revisited/carousel.css" type="text/css" media="screen" />
<script type="text/javascript" src="/carousel_revisited/js/jquery.js"></script>
</head>
<div id='carousel_container'>  
 <div id='left_scroll'><a href='javascript:slide("left");'><img src='carousel_revisited/left.png' /></a></div>  
   <div id='carousel_inner'>  
       <ul id='carousel_ul'>  
           <li><iframe width="180" height="240" src="http://www.youtube.com/embed/hTsWotmVjz0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="180" height="240" src="http://www.youtube.com/hTsWotmVjz0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="180" height="240" src="http://www.youtube.com/embed/hTsWotmVjz0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="180" height="240" src="http://www.youtube.com/embed/hTsWotmVjz0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="180" height="240" src="http://www.youtube.com/embed/hTsWotmVjz0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="180" height="240" src="http://www.youtube.com/embed/hTsWotmVjz0" frameborder="0" allowfullscreen></iframe></li> 
       </ul>  
   </div>  
 <div id='right_scroll'><a href='javascript:slide("right");'><img src='carousel_revisited/right.png' /></a></div>  
 <input type='hidden' id='hidden_auto_slide_seconds' value=0 />  
</div>

didelis dekui, nors pilnai nesu tikras, ką čia pakeitej, bet leisk speti, kazka pakoregavai, kad vietoj paveiksliuko rodytu video ar tai tiesa? :)

 

 

Taip, ten kur yra <li>, vietoje nuorodos <a> įdėjau youtube embed kodą (iframe).

Kokia būtent klaida ?

Taip, ten kur yra <li>, vietoje nuorodos <a> įdėjau youtube embed kodą (iframe).

 

Kokia būtent klaida ?

Kai perziuriu parasyta koda, biski iskraipo dizaina, kazko ner darasyta. Po tai juodais langais turetu buti tas General (centre), o ji kazkur nustume i sona, nes tam kode kazkur ner uzbaigiamojo zenklo ar kazko panasaus neišrašyta.

Man atrodo, kad nevisą kodą sukėlei ir blogas kelias iki jquery.

Man atrodo, kad nevisą kodą sukėlei ir blogas kelias iki jquery.

na, kad kelias nurodytas teisingas, video viska rodo slideris veikia, tik tas kad dizaina spalva desnej pusej jis sugadina.

na, kad kelias nurodytas teisingas, video viska rodo slideris veikia, tik tas kad dizaina spalva desnej pusej jis sugadina.

Bandyk debuginti naudodamas firebug arba developer tools, dar pažiūrėk puslapio validaciją (CSS, JavaScript, HTML).

Dizaino problema gali būti ir dėl plugino kaltės, bandyk žiūrėti plugino CSS stilius.

Bandyk debuginti naudodamas firebug arba developer tools, dar pažiūrėk puslapio validaciją (CSS, JavaScript, HTML).

Dizaino problema gali būti ir dėl plugino kaltės, bandyk žiūrėti plugino CSS stilius.

css pajemiau default kuri jie patys pateike, keisti tai nieko nekeiciau, tik ploti auksti. Tai jeme gal neturetu buti klaidu. Stai css

#carousel_inner {  
float:left; /* important for inline positioning */  
width:630px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  
background: #F0F0F0;  
}  

#carousel_ul {  
position:relative;  
left:-210px; /* important (this should be negative number of list items width(including margin) */  
list-style-type: none; /* removing the default styling for unordered list items */  
margin: 0px;  
padding: 0px;  
width:9999px; /* important */  
/* non-important styling bellow */  
padding-bottom:10px;  
}  

#carousel_ul li{  
float: left; /* important for inline positioning of the list items */  
width:200px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;  
height:110px;  
background: #000000;  
margin-top:10px;  
margin-bottom:10px;  
margin-left:5px;  
margin-right:5px;  
}  

#carousel_ul li img {  
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */  
/* styling */  
cursor:pointer;  
cursor: hand;  
border:0px;  
}  
#left_scroll, #right_scroll{  
float:left;  
height:130px;  
width:15px;  
background: #C0C0C0;  
}  
#left_scroll img, #right_scroll img{  
border:0; /* remove the default border of linked image */  
/*styling*/  
cursor: pointer;  
cursor: hand;  

}  

Duok nuorodą svetainės, kurioje bandai įdėti. Manau, kad bus daug lengviau suprasti kas negerai.

Duok nuorodą svetainės, kurioje bandai įdėti. Manau, kad bus daug lengviau suprasti kas negerai.

Mano nuoroda

css pajemiau default kuri jie patys pateike, keisti tai nieko nekeiciau, tik ploti auksti. Tai jeme gal neturetu buti klaidu. Stai css

 

#carousel_inner {  
float:left; /* important for inline positioning */  
width:630px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  
background: #F0F0F0;  
}  

#carousel_ul {  
position:relative;  
left:-210px; /* important (this should be negative number of list items width(including margin) */  
list-style-type: none; /* removing the default styling for unordered list items */  
margin: 0px;  
padding: 0px;  
width:9999px; /* important */  
/* non-important styling bellow */  
padding-bottom:10px;  
}  

#carousel_ul li{  
float: left; /* important for inline positioning of the list items */  
width:200px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;  
height:110px;  
background: #000000;  
margin-top:10px;  
margin-bottom:10px;  
margin-left:5px;  
margin-right:5px;  
}  

#carousel_ul li img {  
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */  
/* styling */  
cursor:pointer;  
cursor: hand;  
border:0px;  
}  
#left_scroll, #right_scroll{  
float:left;  
height:130px;  
width:15px;  
background: #C0C0C0;  
}  
#left_scroll img, #right_scroll img{  
border:0; /* remove the default border of linked image */  
/*styling*/  
cursor: pointer;  
cursor: hand;  

}  

Gali būti ir taip, kad kažkuris iš tavo stilių extend'inasi arba yra perrašomi todėl blogai atvaizduoja. Nežinau kokį pluginą naudoji, bet CSS stiliai gali būti ir JavaScript failuose arba tarp plugino Options ar parametrų. Sakau tikrink su firebug ir pamatysi kur klaida. :)

Mano nuoroda

Visų pirma tavo pluginas pritaikytas paveiksliukams, todėl dydis ir neatitinka, o tie juodi fonai yra yra pačio youtube player. :)

Kai sutvarkysi tinkamai width, height tuomet problemų neturėtų būti, nors dar gali reikėti ką nors ir pačiam plugine keisti.

Jai naudoji iframe, tai ten bandyk dydi pakeisti. Plugino nustatymuos jai bus nurodyk kiek video bus rodoma.

Mano nuoroda

#carousel_container suteik height bent 200px, width maždaug 928px (panašų ir #carousel_inner), #left_scroll, #right_scroll height bent 200px. #left_scroll img,#right_scroll img width 15px ir height 200px. Taip pat reiktų pasikeisti rodykles šonines, nes jos paveiksliukai ir jas ištempus, kad ir 20px daugiau, atrodo kraupiai.

Ant greitųjų pakeičiau tas rodykles: http://www.failai.lt...odykles.rar.htm (pakeisk senus failus naujais)

Ant greito per firebug peržiūrėjau, bet turėtų kaip ir gerai būti. Čia tokie simple dalykai, tai kitą kartą gal jau ir pats susitvarkysi.