|
Efekt Ultimate Fade-in slideshow v2.0 w panelu i bannerze
|
| xnoname |
Dodany dnia 22.09.2009 16:10:06
|
Przedszkolak
Postów: 20
Data rejestracji: 02.12.2006 13:16
|
Witam,
Potrzebuje wykonać implementacje Ultimate Fade-in slideshow (v2.0) jako rotator headerów na stronie.
Pod wordpressem i z starszą wersją Ultimate Fade-in slideshow (1.5.x) sobie jakoś poradziłem.
Niestety przy fusionie zupełnie nie wiem jak się za to zabrać. Może ktoś robił już coś podobnego lub przedstawi mi alternatywne rozwiązanie.
1. Zależy mi na tym aby przejścia poszczególnych jpg były płynne.
2. Nie może to być gif czy technologia flash.
W zamian za szczegółową pomoc mogę wykonać jakiś baner flashowy, grafikę na stronę, sygnaturę czy co komu potrzebne.
Link do Ultimate Fade-in slideshow (v2.0)
Strona posiada zmodyfikowany them 2point0.
PW od moderatora:
- Przeniesienie tematu - hoopak 22.09 - 18:54
Edytowane przez Pieka dnia 25.09.2009 12:55:46
|
| |
|
|
| Wścibski Gość |
Dodany dnia 25.11.2024 00:57:37
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| nmpministranci |
Dodany dnia 22.09.2009 18:18:09
|
Początkujący
Postów: 135
Pomógł: 1
Ostrzeżeń: 3
Data rejestracji: 18.11.2007 08:08
|
Witam.
1.Popraw link.
2. Sprawdź Image Rotatora - jest fajny i podobnie działa.
3. Nawet fajny efekt z tego Ultimate Fade in slideshow 
Pozdrawiam
Born to be Wild. 
 |
| |
|
|
| xnoname |
Dodany dnia 23.09.2009 09:37:41
|
Przedszkolak
Postów: 20
Data rejestracji: 02.12.2006 13:16
|
Image rotator jest fajny, ale to jednak nie to o co mi chodziło.
Moja propozycja ciągle aktualna. |
| |
|
|
| Pieka |
Dodany dnia 23.09.2009 10:01:51
|
Postów: 19882
Pomógł: 767
 v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Nie widze zadnej roznicy pomiedzy dodaniem tego efektu, a jakigokolwiek innego. Wszystko sporowadza sie do przeczytania opisu instalacji, dostepnego na podanej w pierwszym poscie stronie. Czytasz i wprowadzasz.
Co ma byc w HEAD wstawiasz w head w pliku header.php, reszta do panela i wio!
Zobacz, chwilka pracy i dziala: test.pieka.unl.pl
Jestem jaki jestem  |
| |
|
|
| xnoname |
Dodany dnia 23.09.2009 12:00:57
|
Przedszkolak
Postów: 20
Data rejestracji: 02.12.2006 13:16
|
Czyli pierwszą część mam dodać do
\themes\templates\header.php tego pliku?
A pozostałą część kodu do sekcji banner w PA czy tak nie zadziała?
Kod musi być trochę pod edytowany przynajmniej tak mi się wydaje, bo sypie błędy już na samym jego początku.
Pieka, jeśli możesz to udostępnij kod z header.php i powiedz jak to potem umieścić w topie.
Wymagane pliki do działania skryptu muszą wylądować w konkretnym folderze czy też można je podlinkować z dowolnego katalogu dla ułatwienia.
W wordpressie nie musiałem nic praktycznie edytować 2 razy wklej i działało. Potem wystarczyło tylko ustawić konfigurację i podlinkować własne grafiki.
|
| |
|
|
| Pieka |
Dodany dnia 23.09.2009 18:57:50
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Tak, jak napisalem, pierwsza czesc w header, a druga gdziekolwiek. Odnosnie wstawiania kodu, zasada jest caly czas ta sama i dotyczy kazdego: http://www.php-fu...ad_id=9312. Dokladniej obowiazuje Cie punkt "a".
Jestem jaki jestem |
| |
|
|
| xnoname |
Dodany dnia 23.09.2009 23:47:50
|
Przedszkolak
Postów: 20
Data rejestracji: 02.12.2006 13:16
|
Do heda wstawiłem:
echo "<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>\n";
echo"<script type='text/javascript' src='".INCLUDES."fadeslideshow.js'>
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>\n";
echo"<script type='text/javascript'>
var mygallery=new fadeSlideShow({
wrapperid: 'fadeshow1', //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
['http://i26.tinypic.com/11l7ls0.jpg', '', '', 'Nothing beats relaxing next to the pool when the weather is hot.'],
['http://i29.tinypic.com/xp3hns.jpg', 'http://en.wikipedia.org/wiki/Cave', '_new', 'Some day I'd like to explore these caves!'],
['http://i30.tinypic.com/531q3n.jpg'],
['http://i31.tinypic.com/119w28m.jpg', '', '', 'What a beautiful scene with everything changing colors.'] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: 'ondemand',
togglerid: ''
})
var mygallery2=new fadeSlideShow({
wrapperid: 'fadeshow2', //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
['http://i26.tinypic.com/11l7ls0.jpg', '', '', 'Nothing beats relaxing next to the pool when the weather is hot.'],
['http://i29.tinypic.com/xp3hns.jpg', 'http://en.wikipedia.org/wiki/Cave', '_new', 'Some day I'd like to explore these caves!'],
['http://i30.tinypic.com/531q3n.jpg'],
['http://i31.tinypic.com/119w28m.jpg', '', '', 'What a beautiful scene with everything changing colors.'] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: 'always',
togglerid: 'fadeshow2toggler'
})
</script>\n";
A do panela:
<div id='fadeshow1'></div>
<br />
<div id='fadeshow2'></div>
<div id='fadeshow2toggler' style='width:250px; text-align:center; margin-top:10px'>
<a href='#' class='prev'><img src='http://i31.tinypic.com/302rn5v.png' style='border-width:0' /></a> <span class='status' style='margin:0 50px; font-weight:bold'></span> <a href='#' class='next'><img src='http://i30.tinypic.com/lzkux.png' style='border-width:0' /></a>
</div>
Błędami nie sypie, ale wyświetlają się tylko przyciski do nawigacji zdjęć a same przykładowe fotografie już nie. Nie wiem czy coś przeoczyłem bo już trochę padam.
Edytowane przez Pieka dnia 24.09.2009 00:04:13
|
| |
|
|
| Pieka |
Dodany dnia 24.09.2009 00:10:03
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Wyraznie napisalem, ze obowiazuje Cie punkt "a". Naucz sie czytac ze zrozumieniem.
Jestem jaki jestem |
| |
|
|
| xnoname |
Dodany dnia 25.09.2009 12:13:55
|
Przedszkolak
Postów: 20
Data rejestracji: 02.12.2006 13:16
|
Podpunkt a również próbowałem i też nie działało.
wszystkie " na \"
 GeSHi: PHPecho "<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>\n"; echo"<script type=\"text/javascript\" src=\"".INCLUDES."fadeslideshow.js\"> /*********************************************** * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ </script>\n"; echo"<script type=\"text/javascript\"> var mygallery=new fadeSlideShow({ wrapperid: \"fadeshow1\", //ID of blank DIV on page to house Slideshow dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ [\"http://i26.tinypic.com/11l7ls0.jpg\", \"\", \"\", \"Nothing beats relaxing next to the pool when the weather is hot.\"], [\"http://i29.tinypic.com/xp3hns.jpg\", \"http://en.wikipedia.org/wiki/Cave\", \"_new\", \"Some day I\"d like to explore these caves!\"], [\"http://i30.tinypic.com/531q3n.jpg\"], [\"http://i31.tinypic.com/119w28m.jpg\", \"\", \"\", \"What a beautiful scene with everything changing colors.\"] //<--no trailing comma after very last image element! ], displaymode: {type:\"auto\", pause:2500, cycles:0, wraparound:false}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: \"ondemand\", togglerid: \"\" }) var mygallery2=new fadeSlideShow({ wrapperid: \"fadeshow2\", //ID of blank DIV on page to house Slideshow dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ [\"http://i26.tinypic.com/11l7ls0.jpg\", \"\", \"\", \"Nothing beats relaxing next to the pool when the weather is hot.\"], [\"http://i29.tinypic.com/xp3hns.jpg\", \"http://en.wikipedia.org/wiki/Cave\", \"_new\", \"Some day I\"d like to explore these caves!\"], [\"http://i30.tinypic.com/531q3n.jpg\"], [\"http://i31.tinypic.com/119w28m.jpg\", \"\", \"\", \"What a beautiful scene with everything changing colors.\"] //<--no trailing comma after very last image element! ], displaymode: {type:\"manual\", pause:2500, cycles:0, wraparound:false}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: \"always\", togglerid: \"fadeshow2toggler\" }) </script>\n";
Zinterpretowano w sekund: 0.019, wykorzystano GeSHi 1.0.8.10
GeSHi: PHP <div id=\"fadeshow1\"></div> <br /> <div id=\"fadeshow2\"></div> <div id=\"fadeshow2toggler\" style=\"width:250px; text-align:center; margin-top:10px\"> <a href=\"#\" class=\"prev\"><img src=\"http://i31.tinypic.com/302rn5v.png\" style=\"border-width:0\" /></a> <span class=\"status\" style=\"margin:0 50px; font-weight:bold\"></span> <a href=\"#\" class=\"next\"><img src=\"http://i30.tinypic.com/lzkux.png\" style=\"border-width:0\" /></a> </div>
Zinterpretowano w sekund: 0.017, wykorzystano GeSHi 1.0.8.10
A dlaczego zrobiłem potem na " na '
bo standardowa linia kodu w pliku header.php wyglądała tak:
GeSHi: PHP echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
Zinterpretowano w sekund: 0.022, wykorzystano GeSHi 1.0.8.10
a mój kod po modyfikacji " na \"
GeSHi: PHP echo "<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>\n";
Zinterpretowano w sekund: 0.024, wykorzystano GeSHi 1.0.8.10
dlatego postanowiłem spróbować zamienić na zwykłe '
Moje czytanie ze zrozumieniem nie ma tutaj nic do rzeczy.
Edytowane przez xnoname dnia 25.09.2009 12:23:37
|
| |
|
|
| Pieka |
Dodany dnia 25.09.2009 12:36:19
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Prosze, panelowa wersja efektu:
opentable("FadeSlideShow - cały kod w panelu, bez jakichkolwiek modyfikacji plików");
echo "<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."fadeslideshow.js\">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type=\"text/javascript\">
var mygallery=new fadeSlideShow({
wrapperid: \"fadeshow1\", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
[\"http://i26.tinypic.com/11l7ls0.jpg\", \"\", \"\", \"Nothing beats relaxing next to the pool when the weather is hot.\"],
[\"http://i29.tinypic.com/xp3hns.jpg\", \"http://en.wikipedia.org/wiki/Cave\", \"_new\", \"Some day I'd like to explore these caves!\"],
[\"http://i30.tinypic.com/531q3n.jpg\"],
[\"http://i31.tinypic.com/119w28m.jpg\", \"\", \"\", \"What a beautiful scene with everything changing colors.\"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: \"ondemand\",
togglerid: \"\"
})
var mygallery2=new fadeSlideShow({
wrapperid: \"fadeshow2\", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
[\"http://i26.tinypic.com/11l7ls0.jpg\", \"\", \"\", \"Nothing beats relaxing next to the pool when the weather is hot.\"],
[\"http://i29.tinypic.com/xp3hns.jpg\", \"http://en.wikipedia.org/wiki/Cave\", \"_new\", \"Some day I'd like to explore these caves!\"],
[\"http://i30.tinypic.com/531q3n.jpg\"],
[\"http://i31.tinypic.com/119w28m.jpg\", \"\", \"\", \"What a beautiful scene with everything changing colors.\"] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: \"always\",
togglerid: \"fadeshow2toggler\"
})
</script>
<div id=\"fadeshow1\"></div>
<br />
<div id=\"fadeshow2\"></div>
<div id=\"fadeshow2toggler\" style=\"width:250px; text-align:center; margin-top:10px\">
<a href=\"#\" class=\"prev\"><img src=\"http://i31.tinypic.com/302rn5v.png\" style=\"border-width:0\" /></a> <span class=\"status\" style=\"margin:0 50px; font-weight:bold\"></span> <a href=\"#\" class=\"next\"><img src=\"http://i30.tinypic.com/lzkux.png\" style=\"border-width:0\" /></a>
</div>";
closetable();
Nie wymaga ingerencji w pliki.
Jestem jaki jestem |
| |
|
|
| xnoname |
Dodany dnia 25.09.2009 12:48:36
|
Przedszkolak
Postów: 20
Data rejestracji: 02.12.2006 13:16
|
Wielkie dzięki.
Tak jak obleciałem mogę wykonać loga, szablony, bannery i inne. Jak byś czegoś potrzebował daj znać. |
| |
|
|
| Pieka |
Dodany dnia 25.09.2009 12:54:54
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Tu masz jeszcze kod dla bannera (autorotacja) do wstawienia w PA => Zarządzanie stroną => Banery:
<?php
echo "<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."fadeslideshow.js\">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type=\"text/javascript\">
var mygallery=new fadeSlideShow({
wrapperid: \"fadeshow1\", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
[\"http://i26.tinypic.com/11l7ls0.jpg\", \"\", \"\", \"Nothing beats relaxing next to the pool when the weather is hot.\"],
[\"http://i29.tinypic.com/xp3hns.jpg\", \"http://en.wikipedia.org/wiki/Cave\", \"_new\", \"Some day I'd like to explore these caves!\"],
[\"http://i30.tinypic.com/531q3n.jpg\"],
[\"http://i31.tinypic.com/119w28m.jpg\", \"\", \"\", \"What a beautiful scene with everything changing colors.\"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: \"ondemand\",
togglerid: \"\"
})
</script>
<div id=\"fadeshow1\"></div>";
?>
Odnosnie:
xnoname napisał/a:
Tak jak obleciałem mogę wykonać loga, szablony, bannery i inne. Jak byś czegoś potrzebował daj znać.
Dziekuje za propozycje. Jak bede mial potrzebe, to sie zglosze.
Jestem jaki jestem |
| |
|
|
| Andrew333 |
Dodany dnia 27.04.2010 12:17:49
|
Początkujący
Postów: 183
Pomógł: 2
v7.02.07
Data rejestracji: 17.04.2010 10:55
|
Mam pytanie dlaczego nie wyświetla mi się obrazek i opis pod nim?
Wstawiłem kod w panel.
Edytowane przez Pieka dnia 27.04.2010 12:24:37
|
| |
|
|
| _marcin___ |
Dodany dnia 27.04.2010 13:22:48
|
Przedszkolak
Postów: 26
v7.02.03
Data rejestracji: 12.11.2009 20:39
|
Bo nie wrzuciłeś pliku fadeslideshow.js do folderu includes? |
| |
|
|
| Andrew333 |
Dodany dnia 27.04.2010 15:00:09
|
Początkujący
Postów: 183
Pomógł: 2
v7.02.07
Data rejestracji: 17.04.2010 10:55
|
Racja przeoczyłem to. |
| |
|
|
| tommyhq |
Dodany dnia 21.05.2010 07:36:52
|
Przedszkolak
Postów: 18
Ostrzeżeń: 2
v6.01.xxx
Data rejestracji: 19.09.2008 18:21
|
Bardzo fajny efekt z tym Ultimate Fade In Slideshow, ale ja mam z tym problem. Gryzie mi sie z Lightbox, a konkretnie z Prototype. Jak wykasuje z subheader Prototype to Ultimate Fade In Slideshow działa.
Potrafi ktoś rozwiązać ten problem. |
| |
|
|
| eldiablo |
Dodany dnia 21.05.2010 17:24:15
|
Bywalec
Postów: 671
Pomógł: 80
Data rejestracji: 13.07.2009 19:20
|
Ponoć ten konflikt tyczy się wspólnego korzystania z "LightWindow" i występuje tylko pod IE.
Może inna podobna wersja do lightboxa -> shadowbox - polecam  , fancybox, jest chyba wersja jquery lightbox.
Albo zmiana na inny rotator np: http://www.php-fu...d_id=20481 |
| |
|
|
| krzywy853 |
Dodany dnia 30.05.2010 23:48:02
|
Przedszkolak
Postów: 17
Ostrzeżeń: 8
v7.02.03
Data rejestracji: 22.03.2010 14:04
|
Witam mam inny problem otórz chciałbym aby nie było tam tła. Wie ktoś może jak to zrobić?
Edytowane przez Pieka dnia 31.05.2010 13:16:54
|
| |
|
|
| walawala11 |
Dodany dnia 07.06.2010 14:59:21
|
Przedszkolak
Postów: 10
Ostrzeżeń: 1
Data rejestracji: 12.03.2010 18:03
|
Zainstalowałem sobie właśnie ten panel na stronce, lecz kiedy go włączę, to pojawia się pewien problem. Otóż występuje konflikt z Accordion Navigation Panel, nawigacja jest cała rozwinięta. Wie ktoś co z tym zrobić? |
| |
|
|
| aldzik |
Dodany dnia 10.06.2010 22:39:47
|
Przedszkolak
Postów: 76
Pomógł: 1
Ostrzeżeń: 2
Data rejestracji: 11.01.2008 14:04
|
walawala11 napisał/a:
Zainstalowałem sobie właśnie ten panel na stronce, lecz kiedy go włączę, to pojawia się pewien problem. Otóż występuje konflikt z Accordion Navigation Panel, nawigacja jest cała rozwinięta. Wie ktoś co z tym zrobić?
Podpinam się pod to pytanie, może zna ktoś rzeczywiście odpowiedź. |
| |
|
