Principala » fisiere » Scripturi » Ucoz [ Adauga un material nou ]

Слайдер новостей

2010-10-31, 8:48 AM

Для того что бы сделать слайдер, нужно залить картинки к каждой новости к себе на сайт (в файловый менеджер), у меня в данном случае фильмы. итак приступаем к установке слайдера.
Этот код заливаете к себе на сайт ничего не изменяя.

Код: 
.contentslide{border: 1px solid #d5e3f3;border-bottom-width: 1px;padding: 0px; background-color: #f2fbff;width: 175px;height: 256px;}  
.contentslide .opacitylayer{width: 175px;height: 256px;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}  
.contentslide .contentdiv{display: none;}  
.pagination{display:none;}  
* html .pagination{display:none;}  
.pagination a{display:none;}  
.pagination a:hover, .pagination a.selected{display:none;}

Называете его contentslider.css а кодировку UTF-8
Далее заливаете этот код.

Код: 
//** Featured Content Slider script- В© Dynamic Drive DHTML code library (http://www.dynamicdrive.com)  
//** Last updated: Nov 3rd- 07- Added optional fade transition effect.  

////Ajax related settings  
var csbustcachevar=0 //bust potential caching of external pages after initial Ajax request? (1=yes, 0=no)  
var enabletransition=1 //enable fade into view transition effect? (1=yes, 0=no)  
var csloadstatustext="<img src='loading.gif' /> Requesting content..." //HTML to indicate Ajax page is being fetched  
var csexternalfiles=[] //External .css or .js files to load to style the external content(s), if any. Separate multiple files with comma ie: ["cat.css", dog.js"]  

////NO NEED TO EDIT BELOW////////////////////////  
var enablepersist=true  
var slidernodes=new Object() //Object array to store references to each content slider's DIV containers (<div class="contentdiv">)  
var csloadedobjects="" //Variable to store file names of .js/.css files already loaded (if Ajax is used)  

function ContentSlider(sliderid, autorun, customPaginateText, customNextText){  
  var slider=document.getElementById(sliderid)  
  if (typeof customPaginateText!="undefined" && customPaginateText!="") //Custom array of pagination links text defined?  
  slider.paginateText=customPaginateText  
  if (typeof customNextText!="undefined" && customNextText!="") //Custom HTML for "Next" link defined?  
  slider.nextText=customNextText  
  slidernodes[sliderid]=[] //Array to store references to this content slider's DIV containers (<div class="contentdiv">)  
  ContentSlider.loadobjects(csexternalfiles) //Load external .js and .css files, if any  
  var alldivs=slider.getElementsByTagName("div")  
  for (var i=0; i<alldivs.length; i++){  
  if (alldivs[i].className=="opacitylayer")  
  slider.opacitylayer=alldivs[i]  
  else if (alldivs[i].className=="contentdiv"){  
  slidernodes[sliderid].push(alldivs[i]) //add this DIV reference to array  
  if (typeof alldivs[i].getAttribute("rel")=="string") //If get this DIV's content via Ajax (rel attr contains path to external page)  
  ContentSlider.ajaxpage(alldivs[i].getAttribute("rel"), alldivs[i])  
  }  
  }  
  ContentSlider.buildpagination(sliderid)  
  var loadfirstcontent=true  
  if (enablepersist && getCookie(sliderid)!=""){ //if enablepersist is true and cookie contains corresponding value for slider  
  var cookieval=getCookie(sliderid).split(":") //process cookie value ([sliderid, int_pagenumber (div content to jump to)]  
  if (document.getElementById(cookieval[0])!=null && typeof slidernodes[sliderid][cookieval[1]]!="undefined"){ //check cookie value for validity  
  ContentSlider.turnpage(cookieval[0], parseInt(cookieval[1])) //restore content slider's last shown DIV  
  loadfirstcontent=false  
  }  
  }  
  if (loadfirstcontent==true) //if enablepersist is false, or cookie value doesn't contain valid value for some reason (ie: user modified the structure of the HTML)  
  ContentSlider.turnpage(sliderid, 0) //Display first DIV within slider  
  if (typeof autorun=="number" && autorun>0) //if autorun parameter (int_miliseconds) is defined, fire auto run sequence  
  window[sliderid+"timer"]=setTimeout(function(){ContentSlider.autoturnpage(sliderid, autorun)}, autorun)  
}  

ContentSlider.buildpagination=function(sliderid){  
  var slider=document.getElementById(sliderid)  
  var paginatediv=document.getElementById("paginate-"+sliderid) //reference corresponding pagination DIV for slider  
  var pcontent=""  
  for (var i=0; i<slidernodes[sliderid].length; i++) //For each DIV within slider, generate a pagination link  
  pcontent+='<a href="#" onClick=\"ContentSlider.turnpage(\''+sliderid+'\', '+i+'); return false\">'+(slider.paginateText? slider.paginateText[i] : i+1)+'</a> '  
  pcontent+='<a href="#" style="font-weight: bold;" onClick=\"ContentSlider.turnpage(\''+sliderid+'\', parseInt(this.getAttribute(\'rel\'))); return false\">'+(slider.nextText || "Далее В»")+'</a>'  
  paginatediv.innerHTML=pcontent  
  paginatediv.onclick=function(){ //cancel auto run sequence (if defined) when user clicks on pagination DIV  
  if (typeof window[sliderid+"timer"]!="undefined")  
  clearTimeout(window[sliderid+"timer"])  
  }  
}  

ContentSlider.turnpage=function(sliderid, thepage){  
  var paginatelinks=document.getElementById("paginate-"+sliderid).getElementsByTagName("a") //gather pagination links  
  for (var i=0; i<slidernodes[sliderid].length; i++){ //For each DIV within slider  
  paginatelinks[i].className="" //empty corresponding pagination link's class name  
  slidernodes[sliderid][i].style.display="none" //hide DIV  
  }  
  paginatelinks[thepage].className="selected" //for selected DIV, set corresponding pagination link's class name  
  if (enabletransition){  
  if (window[sliderid+"fadetimer"])  
  clearTimeout(window[sliderid+"fadetimer"])  
  this.setopacity(sliderid, 0.1)  
  }  
  slidernodes[sliderid][thepage].style.display="block" //show selected DIV  
  if (enabletransition)  
  this.fadeup(sliderid, thepage)  
  //Set "Next" pagination link's (last link within pagination DIV) "rel" attribute to the next DIV number to show  
  paginatelinks[paginatelinks.length-1].setAttribute("rel", thenextpage=(thepage<paginatelinks.length-2)? thepage+1 : 0)  
  if (enablepersist)  
  setCookie(sliderid, sliderid+":"+thepage)  
}  

ContentSlider.autoturnpage=function(sliderid, autorunperiod){  
  var paginatelinks=document.getElementById("paginate-"+sliderid).getElementsByTagName("a") //Get pagination links  
  var nextpagenumber=parseInt(paginatelinks[paginatelinks.length-1].getAttribute("rel")) //Get page number of next DIV to show  
  ContentSlider.turnpage(sliderid, nextpagenumber) //Show that DIV  
  window[sliderid+"timer"]=setTimeout(function(){ContentSlider.autoturnpage(sliderid, autorunperiod)}, autorunperiod)  
}  

ContentSlider.setopacity=function(sliderid, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)  
  var targetobject=document.getElementById(sliderid).opacitylayer || null //reference slider container itself  
  if (targetobject && targetobject.filters && targetobject.filters[0]){ //IE syntax  
  if (typeof targetobject.filters[0].opacity=="number") //IE6  
  targetobject.filters[0].opacity=value*100  
  else //IE 5.5  
  targetobject.style.filter="alpha(opacity="+value*100+")"  
  }  
  else if (targetobject && typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax  
  targetobject.style.MozOpacity=value  
  else if (targetobject && typeof targetobject.style.opacity!="undefined") //Standard opacity syntax  
  targetobject.style.opacity=value  
  targetobject.currentopacity=value  
}  

ContentSlider.fadeup=function(s li deri d) {  
  v ar targetobject=document.getElementById(sliderid).opacitylayer || null //reference slider container itself  
  if (targetobject && targetobject.currentopacity<1){  
  this.setopacity(sliderid, targetobject.currentopacity+0.1)  
  window[sliderid+"fadetimer"]=setTimeout(function(){ContentSlider.fadeup(sliderid)}, 100)  
  }  
}  

function getCookie(Name){  
  var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair  
  if (document.cookie.match(re)) //if cookie found  
  return document.cookie.match(re)[0].split("=")[1] //return its value  
  return ""  
}  

function setCookie(name, value){  
  document.cookie = name+"="+value  
}  

////////////////Ajax Related functions //////////////////////////////////  

ContentSlider.ajaxpage=function(url, thediv){  
  var page_request = false  
  var bustcacheparameter=""  
  if (window.XMLHttpRequest) // if Mozilla, Safari etc  
  page_request = new XMLHttpRequest()  
  else if (window.ActiveXObject){ // if IE  
  try {  
  page_request = new ActiveXObject("Msxml2.XMLHTTP")  
  }  
  catch (e){  
  try{  
  page_request = new ActiveXObject("Microsoft.XMLHTTP")  
  }  
  catch (e){}  
  }  
  }  
  else  
  return false  
  thediv.innerHTML=csloadstatustext  
  page_request.onreadystatechange=function(){  
  ContentSlider .lo adpage (pa ge_ req ues t, thediv)  
  }  
  if (csbustcachevar) //if bust caching of external page  
  bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()  
  page_request.open('GET', url+bustcacheparameter, true)  
  page_request.send(null)  
}  

ContentSlider.loadpage=function(page_request, thediv){  
  if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))  
  thediv.innerHTML=page_request.responseText  
}  

ContentSlider.loadobjects=functio n (e x t e r n a l f i les){ //function to load external .js and .css files. Parameter accepts a list of external files to load (array)  
  for (var i=0; i<externalfiles.length; i++){  
  var file=externalfiles[i]  
  var fileref=""  
  if (csloadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding  
  if (file.indexOf(".js")!=-1){ //If object is a js file  
  fileref=document.createElement('script')  
  fileref.setAttribute("type","text/javascript");  
  fileref.setAttribute("src", file);  
  }  
  else if (file.indexOf(".css")!=-1){ //If object is a css file  
  fileref=document.createElement("link")  
  fileref.setAttribute("rel", "stylesheet");  
  fileref.setAttribute("type", "text/css");  
  fileref.setAttribute("href", file);  
  }  
  }  
  if (fileref!=""){  
  document.getElementsByTagName("head").item(0).appendChild(fileref)  
  csloadedobjects+=file+" " //Remember this object as being already added to page  
  }  
  }  
}

Называете его contentslider.js а кодировку UTF-8
Ну а этот код:

Код: 
document.write ('<noindex><center><div class="block1"><div id="slider1" class="contentslide"><div class="opacitylayer"><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/2012/2009-12-20-31" target="_blank"><img src="http://prosidr.at.ua/2012.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/pro_alika_i_ljolika_124_pro_alika_i_lelika_2008_dvdrip/2009-12-20-29" target="_blank"><img src="http://prosidr.at.ua/alik.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/khatiko_samyj_vernyj_drug/2009-12-19-20" target="_blank"><img src="http://prosidr.at.ua/khatiko.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/perevozchik_3_transporter_3_2009_hdrip_avc/2009-12-30-82" target="_blank">  
<img src="http://prosidr.at.ua/films/100.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/lednikovyj_period_3_ehra_dinozavrov_ice_age_dawn_of_the_dinosaurs_2009/2009-12-20-32" target="_blank"><img src="http://prosidr.at.ua/Ice.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/terminator_da_pridjot_spasitel_terminator_salvation_2009_dvdrip_kh264/2010-01-15-178" target="_blank"><img src="http://prosidr.at.ua/films/terminator.jpg" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/oblachno_vozmozhny_osadki_v_vide_frikadelek/2009-12-20-30" target="_blank"><img src="http://prosidr.at.ua/Frikadelki.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/ditja_tmy_orphan_2009_dvdrip/2010-01-08-127" target="_blank"><img src="http://prosidr.at.ua/films/dit9-timy.jpg" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/gorbataja_gora_brokeback_mountain_2005_hdrip/2009-12-29-81" target="_blank"><img src="http://prosidr.at.ua/Film/gora.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/ironija_sudby_prodolzhenie_2007_hdrip1400mb/2009-12-29-80" target="_blank"><img src="http://prosidr.at.ua/Film/ironi9.png" width="175" height="256" border="0"></a></div><div class="contentdiv"><a title="Перейти по ссылке." href="http://prosidr.at.ua/news/rozhdestvenskaja_istorija_skachat_besplatno/2010-01-06-121" target="_blank"><img src="http://prosidr.at.ua/Lenta/history.jpg" width="175" height="256" border="0"></a></div></div></div></div><div style="display: none;" class="pagination" id="paginate-slider1"></div></noindex>');  
ContentSlider("slider1", 3000);

редактируете под себя с помощью блокнота и сохраняете с названием kin.js кодировка UTF-8 и заливаете все эти 3 (три) файла в корневую папку.
Затем вот этот код ставьте в нужный Вам блок или место, там где Вы хотели бы видеть Ваш слайд-шоу.
Код:

Код: 
<link type="text/css" rel="stylesheet" href="http://prosidr.at.ua/js/contentslider.css" />  
<script type="text/javascript" src="http://prosidr.at.ua/js/contentslider.js"></script>  
<script type="text/javascript" src="http://prosidr.at.ua/js/kin.js"></script>





Categorie: Ucoz | Adaugat de: kopceak
Vizualizari: 839 | Downloads: | Raging: 5.0/1
Total comentarii : 0
Doar utilizatorii inregistrati pot comenta
[ Inregistrare | Login ]
Schimbul de fişiere este realizat de către utilizatorii site-ului, administraţia nu poartă nici o răspundere pentru conţinutul acestora sau pentru prejudiciile provocate. INTERFILM.MD nu dispune de conţinutul pus la schimb de către utilizatori, ci doar este un catalog al resurselor. Vă atenţionăm să nu încărcaţi pe site fişiere protejate de drepturile autorului sau fişiere cu conţinut ilegal. În cazul în care sunteţi deţinătorul drepturilor de autor al unui torrent şi doriţi să fie şters vă rugăm să ne scrieţi la adresa abuse@interfilm.md şi imediat se vor lua măsuri. Întregul text privind regulile şi condiţiile de utilizare a siteului poate fi găsit aici.