RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Admin 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Слайдер новостей
Слайдер новостей
JockerДата: Понедельник, 23.08.2010, 21.17.57 | Сообщение # 1
Глава сайта
Группа: Администраторы
Сообщений: 493
« »

Смайл настроения:
Ранг:

Доп. данные:

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

Code
.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
Далее заливаете этот код.
Code
//** 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(slide ri 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.loadp age (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=function( 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
Ну а этот код:
Code
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 (три) файла в корневую папку.
Затем вот этот код ставьте в нужный Вам блок или место, там где Вы хотели бы видеть Ваш слайд-шоу.
Код:
Code
<link type="text/css" rel="stylesheet" href="/contentslider.css" />            
<script type="text/javascript" src="/contentslider.js"></script>            
<script type="text/javascript" src="/kin.js"></script>

Вот в принципе и все. Удачи. Если что не получается или не понятно, спрашиваем не стесняемся.


Сколько людей, столько и мнений.

добавить на Яндекс
 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Слайдер новостей
Страница 1 из 11
Поиск:
Сегодня нас посетили
Jocker, 19Anton98, kilapoun, trigall, САНЁК, 1relizpost, VANGOG19, rogas86, BOSS-13, CarlosTark, Kennethmof, UQDouglasmof, LatinaPap, Anthonyeffok, DavidNEers, lynnjp69, [Полный список]


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика