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 08.10.2024 04:56:16
|
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 |
|
|