Mesaj # 1 | 8:18 PM
As dori sa fac un slideshow gasit aici si care imi explica pasii care trebuiesc urmati pentru a face acest lucru
Pasul 1: Pagina HTML :

Creaţi o nouă pagină HTML şi să copiaţi şi să inseraţi următorul cod în interiorul <body> tag:
Code
<div id="header">  
<div class="wrap">  
<div id="slide-holder">  
<div id="slide-runner">  
<a href=""> <img id = "slide- img-1 "src =" imagini / natura-photo.png "class =" slide "alt =" "/> </ a>  
<a href=""> <img id = "slide-img-2" src = "images/nature-photo1.png" class = "slide" alt = "" /> </ a>  
<a href=""> <img id = "slide-img-3" src = "images/nature-photo2 PNG. "class =" slide "alt =" "/> </ a>  
<a href=""> <img id = "slide-img-4" src = "images/nature-photo3.png" class = " diapozitiv "alt =" "/> </ a>  
<a href=""> <img id = "slide-img-5" src = "images/nature-photo4.png" class = "slide" alt = "" /> </ a>  
<a href=""> <img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /> </ a>  
<a href=""> <img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /> </ a>  
<div id = "diapozitiv -control ">  
<p class="text"> id="slide-client" <strong> mesaj: </ strong> <span> </ span> </ p>  
<p id = "slide-desc" class = "text"> </ p>  
<p id="slide-nav"> </ p>  
</ div>  
</ div>  
</ div>  
</ div>  
</ div>

Pasul 2 Stilul Css:

Code
*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
height:100%;
color:#a4a4a4;
cursor:default;
font-size:11px;
line-height:16px;
text-align:center;
background-color:#000;
background-position:50% 0;
background-repeat:no-repeat;
font-family:Tahoma,sans-serif;
}
a:link,a:visited{
color:#fff;
text-decoration:none;
}
a img{
border:0;
}
div.wrap{
width:993px;
margin:0 auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:993px;
height:52px;
margin:22px 0 0;
background:url url(images/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:700px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
}
div#video-header{
height:683px;
margin:-1px 0 0;
}
div#header div.wrap{
height:299px;
background:url(images/header-bg.png) 50% 0 no-repeat;
}
div#header div#slide-holder{
z-index:40;
width:993px;
height:299px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:9px;
left:9px;
width:973px;
height:278px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:973px;
height:46px;
display:none;
position:absolute;
background:url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;}


Pasul 3: JavaScript simplu pentru glisoarele jQuery:

copiaţi şi lipiţi codul de mai jos pentru jQuery sliders.add la codul jQuery glisoarele după codul HTML în secţiunea BODY. Aveţi posibilitatea să modificaţi titlul post şi descrierea pur schimba doar "client" de comandă şi pentru descrierea schimbărilor doar "desc" de la codul de Jquery.

Code
<script type=" text="" javascript="">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>


Pasul 4: jquery.js legătură într-, scripts.js, fişierul la paginile dvs. HTML:

Descarcati jquery.js, scripts.js, fişier şi legătură într-acest fişier în pagina HTML în interiorul <head> etichetă. Înlocuiţi "[" şi "]" cu "<" şi ">".

Code
[script type="text/javascript"] var _siteRoot='index.html',_root='index.html';
[/script]
jquery.js
scripts.js


Nu stiu daca am respectat cele spuse acolo si nu imi pot da seama unde am gresit ,mentionez ca am descarcat si uploadat acele fisiere insa dupa introducerea a tot ceea ce imi explica AICI rezultatul este 0 de aceea v-as ruga daca ma puteti ajuta sa creez un slideshow de prezentare a unor filme ,va rog sa aruncati o privire peste ceea ce am zis eu aici dar si pe pagina originala de unde am luat toate aceste informatii ,si poate ma puteti ajuta sa invatz si eu sa creez astfel de slideshow.