|
Skrypt dodaj?cy 4 ostatnie newsy do rotatora
|
| biki |
Dodany dnia 04.08.2009 15:48:12
|
Przedszkolak
Postów: 47
Ostrzeżeń: 5
Data rejestracji: 17.07.2008 09:44
|
Witam!
Mam takie pytanie.
Mam taki rotator:
http://www.dynami...glider.htm
I czy da?o by si? aby ten rotator sam sobie pobiera? 4 ostatnie newsy i dodawa? do rotacji.
Pozdrawiam.
PW od moderatora:
- Przeniesienie tematu - Pieka 04.08 - 18:21
|
| |
|
|
| W?cibski Go?? |
Dodany dnia 06.09.2025 12:41:18
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| nmpministranci |
Dodany dnia 22.08.2009 22:19:50
|
Pocz?tkuj?cy
Postów: 135
Pomógł: 1
Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Fajny pomys?. Jestem za i do??czam si? do pro?by. Z tego co wiem to @bartek124 teraz nad tym pracuje. Pozdrawiam wszystkich 
Wiadomo?? doklejona:
Wow. Dan szacunek dla Ciebie. Jak wróc? do domu to przetestuj? i dam zna?. Ale wida? wyra?nie, ?e dobry w tym jeste? A i mam pytanie: Da si? zmieni? liczb? tych wy?wietlanych nowych, ostatnich newsów w tym rotatorku?
Pozdrawiam 
Edytowane przez nmpministranci dnia 22.08.2009 23:06:54
Born to be Wild.
 |
| |
|
|
| Szapko |
Dodany dnia 22.08.2009 23:07:59
|
Bywalec
Postów: 888
Pomógł: 66
Data rejestracji: 19.08.2007 19:49
|
To wy?wietla 3 ostatnie newsy z efektem z podanej strony. Kilka postów ni?ej jest opisane jak mo?na to zwi?kszy? (nie przetestowane).
1. W subheader.php po:
echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>
Dajesz:
<link rel=\"stylesheet\" type=\"text/css\" href=\"".THEME."featuredcontentglider.css\" />
<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"".INCLUDES."featuredcontentglider.js\">
/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
2. Z za??cznika featuredcontentglider.css wrzucasz do folderu Twojej skórki, featuredcontentglider.js do folderu includes.
3. Wchodzisz w PA - Zarz?dzanie stron? - Zarz?dzanie panelami i tworzysz nowy panel, a w tre?ci to:
opentable("name");
echo "<script type='text/javascript'>
featuredcontentglider.init({
gliderid: 'canadaprovinces', //ID of main glider container
contentclass: 'glidecontent', //Shared CSS class name of each glider content
togglerid: 'p-select', //ID of toggler container
remotecontent: '', //Get gliding contents from external file on server? 'filename' or '' to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: 'downup', //set direction of glide: 'updown', 'downup', 'leftright', or 'rightleft'
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>";
echo "<div id='canadaprovinces' class='glidecontentwrapper'>";
$result = dbquery("SELECT * FROM ".DB_PREFIX."news ORDER BY news_datestamp DESC LIMIT 0,3");
if (dbrows($result)) {
while($data = dbarray($result)) {
echo "<div class='glidecontent'>";
echo $data['news_news'];
echo "</div>";
}
}
echo "</div>";
echo "<div id='p-select' class='glidecontenttoggler'>";
echo "<a href='#' class='prev'>Prev</a>";
echo "<a href='#' class='toc'>Page 1</a> <a href='#' class='toc'>Page 2</a> <a href='#' class='toc'>Page 3</a>";
echo "<a href='#' class='next'>Next</a>";
echo "</div>";
closetable();
4. Ustawiasz na góra lub dó?, zapisujesz i w??czasz. Powinno dzia?a?.
Edit//
Sorki za to wcze?niejsze, ale nie zauwa?y?em, ?e to do PF v7
Szapko dodał/a następującą plik:
Edytowane przez Szapko dnia 22.08.2009 23:22:40
|
| |
|
|
| nmpministranci |
Dodany dnia 22.08.2009 23:09:34
|
Pocz?tkuj?cy
Postów: 135
Pomógł: 1
Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Przed chwil? by?o jeszcze dla v7... Móg?by? doda? to te? dla wersji v7??? prosz?..
Born to be Wild.
|
| |
|
|
| Szapko |
Dodany dnia 22.08.2009 23:14:28
|
Bywalec
Postów: 888
Pomógł: 66
Data rejestracji: 19.08.2007 19:49
|
Dla wersji v7 znajdziesz w tym temacie: http://www.php-fu...ost_131868
A co do zwi?kszenia liczby to chyba powinno si? to da? zrobi?, ale nie mam ju? jak przetestowa?.
W kodzie, który wklejasz w panel znajd?:
$result = dbquery("SELECT * FROM ".DB_PREFIX."news ORDER BY news_datestamp DESC LIMIT 0,3");
Zmie? na:
$result = dbquery("SELECT * FROM ".DB_PREFIX."news ORDER BY news_datestamp DESC LIMIT 0,4");
Pó?niej jeszcze to:
echo "<a href='#' class='toc'>Page 1</a> <a href='#' class='toc'>Page 2</a> <a href='#' class='toc'>Page 3</a>";
Zmie? na to:
echo "<a href='#' class='toc'>Page 1</a> <a href='#' class='toc'>Page 2</a> <a href='#' class='toc'>Page 3</a> <a href='#' class='toc'>Page 4</a>";
Powinno zadzia?a?.
Edytowane przez Szapko dnia 22.08.2009 23:18:04
|
| |
|
|
| nmpministranci |
Dodany dnia 22.08.2009 23:16:48
|
Pocz?tkuj?cy
Postów: 135
Pomógł: 1
Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Ok. Dzi?ki Dan. Pozdrawiam i przepraszam za offtopic. Jak mog? da? "POMÓG?"? Gdzie klikn?????( nie umiem si? z tym po?apa?) 
Wiadomo?? doklejona:
O tak racja. ?e te? na to nie wpad?em. Robi?em to kiedy? do panelu "popularne artyku?y". Desc Limit w?a?nie mówi o liczbie tych newsów.
Dzi?ki za odpowied?.
Edytowane przez nmpministranci dnia 22.08.2009 23:23:35
Born to be Wild.
|
| |
|
|
| biki |
Dodany dnia 26.08.2009 15:25:12
|
Przedszkolak
Postów: 47
Ostrzeżeń: 5
Data rejestracji: 17.07.2008 09:44
|
A ja mam jeszcze inny pomys?. a mianowicie:
http://podhale24.pl/
Tam jest panel "wydarzenie dnia"
I tak:
aby zamiast tre?ci newsa by? obrazek.
na dole by? taki przyciemniony, pó?przezroczysty pasek z nag?ówkiem (tematem) newsa.
I aby ten pasek przekierowywa? do tre?ci newsa.(readmore=x).
Ja sobie sam mog? to zrobi? (te obrazki w tle. itp) tylko Wy napiszcie to tak aby by? ten temat newsa i link do niego na tym pasku pó?przezroczystym.
Pozdrawiam.
;)
Wiadomo?? doklejona:
Ok ju? poradzi?em sobie.
Tak to wygl?da u mnie:
http://c.kud.pl/g...e/news.php
Wiadomo?? doklejona:
W zwi?zku z tym ?e dostaj? sporo PW na temat jak zrobi?em ten rotator, umieszczam to publicznie:
1. W subheader.php po:
echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>
2. Wstawiasz:
<link rel=\"stylesheet\" type=\"text/css\" href=\"".THEME."featuredcontentglider.css\" />
<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"".INCLUDES."featuredcontentglider.js\">
/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
3. Z za??cznika pobierasz przerobiony CSS i wklejasz go do swojego thema.
4. Wchodzisz w PA - Zarz?dzanie stron? - Zarz?dzanie panelami i tworzysz nowy panel, a w tre?ci to:
echo "<br>";
echo "<script type='text/javascript'>
featuredcontentglider.init({
gliderid: 'canadaprovinces', //ID of main glider container
contentclass: 'glidecontent', //Shared CSS class name of each glider content
togglerid: 'p-select', //ID of toggler container
remotecontent: '', //Get gliding contents from external file on server? 'filename' or '' to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 250, //Glide animation duration (in milliseconds)
direction: 'downup', //set direction of glide: 'updown', 'downup', 'leftright', or 'rightleft'
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [6000, 50] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>";
echo "<div id='canadaprovinces' class='glidecontentwrapper' style='margin-left:85px;'>";
$result = dbquery("SELECT * FROM ".DB_PREFIX."news ORDER BY news_datestamp DESC LIMIT 0,3");
if (dbrows($result)) {
while($data = dbarray($result)) {
echo "<div class='glidecontent'>";
echo "<a href='news.php?readmore=".$data['news_id']."'>";
echo "<div class='pole'>";
echo "<div class='tekst'>";
echo $data['news_subject'];
echo "</div>";
echo "</div>";
$obrazki = array('rot/a.jpg', 'rot/b.jpg', 'rot/c.jpg',);
#inicjujemy generator licz losowych
srand ((float) microtime() * 10000000);
#wybieramy jeden losowy obrazek z tablicy
$obrazek = $obrazki[array_rand($obrazki)];
#wy?wietlamy losowy obrazek
echo "<img src=".BASEDIR."$obrazek width='500' height='250'>";
echo "</a>";
echo "</div>";
}
}
echo "</div><br>";
echo "<div id='p-select' class='glidecontenttoggler' align='center'>";
echo "<a href='#' class='prev'><img src='".THEME."images/sl.png'></a>";
echo "<a href='#' class='toc'><img src='".THEME."images/1.png'></a>
<a href='#' class='toc'><img src='".THEME."images/2.png'></a>
<a href='#' class='toc'><img src='".THEME."images/3.png'></a>";
echo "<a href='#' class='next'><img src='".THEME."images/sp.png' ></a>";
echo "</div>";
echo "<br>";
5. W tym kodzie masz rotator losuj?cy 3 zdj?cia z wybranego katalogu.
6. Edytujesz sobie obrazki strza?ek i odno?ników.
7. Do ogl?dni?cia na :http://c.kud.pl/g...e/news.php
Pozdro!
Edytowane przez biki dnia 29.08.2009 11:59:57
|
| |
|
|
| reddevil-85 |
Dodany dnia 29.08.2009 13:12:45
|
Przedszkolak
Postów: 37
Pomógł: 1
Data rejestracji: 28.08.2009 15:07
|
Wielkie dzi?ki, ale w dalszym ci?gu nie wiem gdzie si? ustawia te zdj?cia i jak to si? robi.
Wiadomo?? doklejona:
poradzi?em sobie jednak
Edytowane przez reddevil-85 dnia 29.08.2009 14:22:23
|
| |
|
|
| biki |
Dodany dnia 29.08.2009 14:29:39
|
Przedszkolak
Postów: 47
Ostrzeżeń: 5
Data rejestracji: 17.07.2008 09:44
|
W katalogu g?ównym fusiona tworzysz folder "rot" i wrzucasz do niego obrazki 1.png , 2.png, 3.png.
Z reszt? ta linijka kodu odpowiada za katalog,oraz nazw? obrazka.
$obrazki = array('rot/a.jpg', 'rot/b.jpg', 'rot/c.jpg',);
.
;)
|
| |
|
|
| reddevil-85 |
Dodany dnia 29.08.2009 15:19:29
|
Przedszkolak
Postów: 37
Pomógł: 1
Data rejestracji: 28.08.2009 15:07
|
A jak ustawi? tak foty , ?eby wed?ug kolejno?ci si? wy?wietla?y |
| |
|
|
| gabrally |
Dodany dnia 19.09.2009 18:18:26
|
Przedszkolak
Postów: 48
Pomógł: 1
 v7.02.02
Data rejestracji: 01.01.2009 20:46
|
biki napisa?/a:
A ja mam jeszcze inny pomys?. a mianowicie:
http://podhale24.pl/
Tam jest panel "wydarzenie dnia"
I tak:
aby zamiast tre?ci newsa by? obrazek.
na dole by? taki przyciemniony, pó?przezroczysty pasek z nag?ówkiem (tematem) newsa.
I aby ten pasek przekierowywa? do tre?ci newsa.(readmore=x).
Ja sobie sam mog? to zrobi? (te obrazki w tle. itp) tylko Wy napiszcie to tak aby by? ten temat newsa i link do niego na tym pasku pó?przezroczystym.
Pozdrawiam.
;)
Wiadomo?? doklejona:
Ok ju? poradzi?em sobie.
Tak to wygl?da u mnie:
http://c.kud.pl/g...e/news.php
Wiadomo?? doklejona:
W zwi?zku z tym ?e dostaj? sporo PW na temat jak zrobi?em ten rotator, umieszczam to publicznie:
1. W subheader.php po:
echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>
2. Wstawiasz:
<link rel=\"stylesheet\" type=\"text/css\" href=\"".THEME."featuredcontentglider.css\" />
<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"".INCLUDES."featuredcontentglider.js\">
/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
3. Z za??cznika pobierasz przerobiony CSS i wklejasz go do swojego thema.
4. Wchodzisz w PA - Zarz?dzanie stron? - Zarz?dzanie panelami i tworzysz nowy panel, a w tre?ci to:
echo "<br>";
echo "<script type='text/javascript'>
featuredcontentglider.init({
gliderid: 'canadaprovinces', //ID of main glider container
contentclass: 'glidecontent', //Shared CSS class name of each glider content
togglerid: 'p-select', //ID of toggler container
remotecontent: '', //Get gliding contents from external file on server? 'filename' or '' to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 250, //Glide animation duration (in milliseconds)
direction: 'downup', //set direction of glide: 'updown', 'downup', 'leftright', or 'rightleft'
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [6000, 50] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>";
echo "<div id='canadaprovinces' class='glidecontentwrapper' style='margin-left:85px;'>";
$result = dbquery("SELECT * FROM ".DB_PREFIX."news ORDER BY news_datestamp DESC LIMIT 0,3");
if (dbrows($result)) {
while($data = dbarray($result)) {
echo "<div class='glidecontent'>";
echo "<a href='news.php?readmore=".$data['news_id']."'>";
echo "<div class='pole'>";
echo "<div class='tekst'>";
echo $data['news_subject'];
echo "</div>";
echo "</div>";
$obrazki = array('rot/a.jpg', 'rot/b.jpg', 'rot/c.jpg',);
#inicjujemy generator licz losowych
srand ((float) microtime() * 10000000);
#wybieramy jeden losowy obrazek z tablicy
$obrazek = $obrazki[array_rand($obrazki)];
#wy?wietlamy losowy obrazek
echo "<img src=".BASEDIR."$obrazek width='500' height='250'>";
echo "</a>";
echo "</div>";
}
}
echo "</div><br>";
echo "<div id='p-select' class='glidecontenttoggler' align='center'>";
echo "<a href='#' class='prev'><img src='".THEME."images/sl.png'></a>";
echo "<a href='#' class='toc'><img src='".THEME."images/1.png'></a>
<a href='#' class='toc'><img src='".THEME."images/2.png'></a>
<a href='#' class='toc'><img src='".THEME."images/3.png'></a>";
echo "<a href='#' class='next'><img src='".THEME."images/sp.png' ></a>";
echo "</div>";
echo "<br>";
5. W tym kodzie masz rotator losuj?cy 3 zdj?cia z wybranego katalogu.
6. Edytujesz sobie obrazki strza?ek i odno?ników.
7. Do ogl?dni?cia na : http://c.kud.pl/g...e/news.php
Pozdro!
Móg?by kto? wrzuci? ten plik css? B?d? wdzi?czny |
| |
|
|
| shadow force |
Dodany dnia 01.12.2009 20:39:03
|
Przedszkolak
Postów: 8
Data rejestracji: 21.02.2009 22:30
|
Sory ?e od?wie?am ale niejaki biki nie|da? pliku .css do za??cznika w swoim po?cie, ma kto? mo?e ten zmodyfikowany plik.
P.S. Pisa?em do niego na Pw lecz nie|odpisuje z góry dzi?ki.
Edytowane przez Pieka dnia 02.12.2009 01:41:47
|
| |
|
|
| maciek99 |
Dodany dnia 25.03.2011 12:50:25
|
Przedszkolak
Postów: 44
Data rejestracji: 02.02.2006 00:38
ZBANOWANY:
Dożywotnio
|
Witam. Pozwol? sobie od?wie?y? temat bo mam pewien problem. Mianowicie na mojej stronie ten rotator wygl?da tak http://i56.tinypi...8x5sm1.jpg i jak wida? nie wy?wietla zdj?cia. Po najechaniu na niewyswietlajace si? zdj?ci pokazuje si? adres
http://mrks.czechowice.pl/%5C%27/http://mrks.czechowice.pl/images/mini_news.PNG%5C%27
czyli dubluje adres przez co zdjecie si? nie chce wy?wietla?. Mog?by kto? poradzi? jak si? upora? z tym problemem?
Kod z panelu:
opentable("name");
echo "<script type='text/javascript'>
featuredcontentglider.init({
gliderid: 'canadaprovinces', //ID of main glider container
contentclass: 'glidecontent', //Shared CSS class name of each glider content
togglerid: 'p-select', //ID of toggler container
remotecontent: '', //Get gliding contents from external file on server? 'filename' or '' to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: 'rightleft', //set direction of glide: 'updown', 'downup', 'leftright', or 'rightleft'
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>";
echo "<div id='canadaprovinces' class='glidecontentwrapper'>";
$result = dbquery("SELECT * FROM ".DB_PREFIX."news ORDER BY news_datestamp DESC LIMIT 0,5");
if (dbrows($result)) {
while($data = dbarray($result)) {
echo "<div class='glidecontent'>";
echo $data['news_news'];
echo "</div>";
}
}
echo "</div>";
echo "<div id='p-select' class='glidecontenttoggler'>";
echo "<a href='#' class='toc'>Info 1</a> <a href='#' class='toc'>Info 2</a> <a href='#' class='toc'>Info 3</a> <a href='#' class='toc'>Info 4</a> <a href='#' class='toc'>Info 5</a>";
echo "</div>";
closetable();
zawartosc featuredcontentglider.css
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 490px;
height: 240px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}
/*
Total wrapper width: 480px+5px+5px=490px
Or width of wrapper div itself plus any left and right CSS border and padding
Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 485px;
}
/*
Total glidecontent width: 330px+10px+10px=350px
Or width of wrapper div itself (not counting wrapper border/padding)
*/
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 485px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
Total contenttoggler width: 350px+5px+5px=360px
Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 0px solid black;
color: #000000;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}
.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
oraz zawartosc featuredcontentglider.js
//Featured Content Glider: By http://www.dynamicdrive.com
//Created: Dec 22nd, 07'
//Updated (Jan 29th, 08): Added four possible slide directions: "updown", "downup", "leftright", or "rightleft"
//Updated (Feb 1st, 08): Changed glide behavior to reverse direction when previous button is clicked
//Updated (Feb 12th, 08): Added ability to retrieve gliding contents from an external file using Ajax ("remotecontent" variable added to configuration)
//Updated (July 21st, 09): Updated to work in jQuery 1.3.x
jQuery.noConflict()
var featuredcontentglider={
csszindex: 100,
ajaxloadingmsg: '<b>Fetching Content. Please wait...</b>',
glide:function(config, showpage, isprev){
var selected=parseInt(showpage)
if (selected>=config.$contentdivs.length){ //if no content exists at this index position
alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")
selected=0
}
var $target=config.$contentdivs.eq(selected)
//Test for toggler not being initialized yet, or user clicks on the currently selected page):
if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){
var $selectedlink=config.$toc.eq(selected)
config.$next.attr('loadpage', (selected<config.$contentdivs.length-1)? selected+1+'pg' : 0+'pg')
config.$prev.attr('loadpage', (selected==0)? config.$contentdivs.length-1+'pg' : selected-1+'pg')
var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint
$target.css(config.leftortop, startpoint).css("zIndex", this.csszindex++) //hide content so it's just out of view before animating it
var endpoint=(config.leftortop=="left")? {left:0} : {top:0} //animate it into view
$target.animate(endpoint, config.speed)
config.$toc.removeClass('selected')
$selectedlink.addClass('selected')
config.$togglerdiv.attr('lastselected', selected+'pg')
}
},
getremotecontent:function($, config){
config.$glider.html(this.ajaxloadingmsg)
$.ajax({
url: config.remotecontent,
error:function(ajaxrequest){
config.$glider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)
},
success:function(content){
config.$glider.html(content)
featuredcontentglider.setuptoggler($, config)
}
})
},
aligncontents:function($, config){
config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass)
config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view:
},
setuptoggler:function($, config){
this.aligncontents($, config)
config.$togglerdiv.hide()
config.$toc.each(function(index){
$(this).attr('pagenumber', index+'pg')
if (index > (config.$contentdivs.length-1))
$(this).css({display: 'none'}) //hide redundant "toc" links
})
var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")
$nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links
featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype'))
event.preventDefault() //cancel default link action
})
config.$toc.click(function(event){ //Assign click behavior to 'toc' links
featuredcontentglider.glide(config, this.getAttribute('pagenumber'))
event.preventDefault()
})
config.$togglerdiv.fadeIn(1000, function(){
featuredcontentglider.glide(config, config.selected)
if (config.autorotate==true){ //auto rotate contents?
config.stepcount=0 //set steps taken
config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)
featuredcontentglider.autorotate(config)
}
})
config.$togglerdiv.click(function(){
featuredcontentglider.cancelautorotate(config.togglerid)
})
},
autorotate:function(config){
var rotatespeed=config.speed+config.autorotateconfig[0]
window[config.togglerid+"timer"]=setInterval(function(){
if (config.totalsteps>0 && config.stepcount>=config.totalsteps){
clearInterval(window[config.togglerid+"timer"])
}
else{
config.$next.triggerHandler('click')
config.stepcount++
}
}, rotatespeed)
},
cancelautorotate:function(togglerid){
if (window[togglerid+"timer"])
clearInterval(window[togglerid+"timer"])
},
getCookie:function(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 null
},
setCookie:function(name, value){
document.cookie = name+"="+value
},
init:function(config){
jQuery(document).ready(function($){
config.$glider=$("#"+config.gliderid)
config.$togglerdiv=$("#"+config.togglerid)
config.$toc=config.$togglerdiv.find('.toc')
config.$next=config.$togglerdiv.find('.next')
config.$prev=config.$togglerdiv.find('.prev')
config.$prev.attr('buttontype', 'previous')
var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected
config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string
config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction"
config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction"
config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction"
if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0)
featuredcontentglider.getremotecontent($, config)
else
featuredcontentglider.setuptoggler($, config)
$(window).bind('unload', function(){ //clean up and persist
config.$togglerdiv.unbind('click')
config.$toc.unbind('click')
config.$next.unbind('click')
config.$prev.unbind('click')
if (config.persiststate)
featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected'))
config=null
})
})
}
}
Mia?bym jeszcze pro?b? czy mog?by mi kto? wyt?umaczy?/zmodyfikowa? ten panel tak ?eby by?o tak jak pisa? @biki tzn. ?eby by?o takie przyciemnienie a na nim tekst. Tak jak na http://losblancos...
Z góry dzi?ki za pomoc |
| |
|
