Pereiti prie turinio

Ieškau scripto/ video slider


Rekomenduojami pranešimai

#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.

 

tas rodykles veliau buciau pats pasidares bej dekui isanksto, dabar noris, susitvarkyt, kad jis dizaino neisraipytu, kai paspaudziu perziureti pranesima stai kaip baisiai jis iskraipo:

http://www.part.lt/img/8a73970f8f63b913c58ffbd3e28ebbc1448.PNG

 

nors langas kuriame rasau koda atrodo taip:

http://www.part.lt/img/366c82ac2707e2821fc5a23a046e3d46198.PNG

sakyciau kad sitam kode yra klaidu; (nors nesigincisiu jus labiau zinot

 

<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="240" height="180" src="http://www.youtube.com/embed/TvzaJgdqCt0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="240" height="180" src="http://www.youtube.com/embed/TvzaJgdqCt0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="240" height="180" src="http://www.youtube.com/embed/TvzaJgdqCt0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="240" height="180" src="http://www.youtube.com/embed/TvzaJgdqCt0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="240" height="180" src="http://www.youtube.com/embed/TvzaJgdqCt0" frameborder="0" allowfullscreen></iframe></li> 
<li><iframe width="240" height="180" src="http://www.youtube.com/embed/EoC9VjF39nk" 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>

 

lygtai kaip ir pakeiciau

#carousel_inner {  
float:left; /* important for inline positioning */  
width:928px; /* 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:240px;  /* turinio plotis */  
/* just styling bellow*/  
padding:0px;  
height:200px;  /* turinio aukstis */
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:200px;  /* left rodykles aukstis */
width:15px;  
background: #C0C0C0;  
}  
#left_scroll img, #right_scroll img{  
border:0; /* remove the default border of linked image */  
/*styling*/  
cursor: pointer;  
cursor: hand;  

}  

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...