   |
| Comunitatea uCoz » Altele » Instrumente şi Script-uri » slideshow cu informer de pe aceasta tema (pt catalog fisier, site anime) |
| slideshow cu informer de pe aceasta tema |
Incarci fisierul js in file manager cu calea /js/
si fisierul css cu calea /css/ http://forum.ucoz.ro/_fr/23/jquery.cycle.al.js http://forum.ucoz.ro/_fr/23/slider.css . Intre <head> si </head> pui: Cod <script src="/js/jquery.cycle.all.js" type="text/javascript"></script> <link type="text/css" rel="StyleSheet" href="/css/slider.css" /> <script type="text/javascript"> /* <![CDATA[ */ jQuery(document).ready(function() { jQuery('.fp-slides').cycle({ fx: 'scrollHorz', timeout: 4000, delay: 0, speed: 400, next: '.fp-next', prev: '.fp-prev', pager: '.fp-pager', continuous: 0, sync: 1, pause: 1, pauseOnPagerHover: 1, cleartype: true, cleartypeNoBg: true }); }); /* ]]> */ </script> Creezi un informer pentru modulul necesar cu urmatoarele setari  Continutul informerului inlocuiesti cu: Cod <div class="fp-slides-items" style="position: absolute; top: 0px; left: -615px; display: none; z-index: 5; opacity: 1; width: 615px; height: 300px;"> <div class="fp-thumbnail"> <a href="$ENTRY_URL$" title="$TITLE$"> <img src="$IMG_URL1$" width="615" height="300" alt="$TITLE$"></a> </div> <div class="fp-content-wrap"> <div class="fp-content"> <h3 class="fp-title"> <a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a> </h3> </div> </div> </div> Unde vrei sa apara Slide-ul pui: Cod <div class="fp-slider clearfix"> <div class="fp-slides-container clearfix"> <div class="fp-slides" style="overflow: hidden;"> $MYINF_6$ </div> <div class="fp-prev-next-wrap"> <div class="fp-prev-next"> <a href="#fp-next" class="fp-next"></a> <a href="#fp-prev" class="fp-prev"></a> </div> </div> </div> </div> In codul de mai sus inlocuiesti $MYINF_6$ cu informerul tau. Rezultat http://maxrom.ucoz.com/_ld/0/85380630.jpg Si cand zici ca nu functioneaza: Citat admin9894 mda, scuze pentru aia. eram putin nervos. nu functioneaza! Ar fi bine sa lasi un link unde ai incercat sa vada lumea ce nu e bine.   |
pai site-ul e acelasi: http://animesage.ucoz.ro/
ceva tot nu functioneaza... eu pun imaginile la intrari cu: Cod $SOURCE_URL$ Cod $IMG_URL1$ inainte de Cod $BODY$ am 4 informeri, iar primul e slide-ul asta... spune-mi daca am gresit ceva. dar nu prea cred, adica am urmat pasii. ma gandeam ca poate e nevoie de o vreo 5 min sa se actualizeze, dar degeaba, si in plus ceilalti informeri o fac mult mai rapid. Material modificat de admin9894 - Joi, 18/04/2013, 11:08 PM
|
admin9894, Incarca imaginile http://maxrom.ucoz.ro/images/featured-prev.png si http://maxrom.ucoz.ro/images/featured-next.png cu calea /images/ pe langa fisierul js ce nu l-ai incarcat. Ideie nu am ce nu functioneaza, la mine e ok http://maxrom.ucoz.ro/
|
am facut si asta si acum imi arata butoanele de la slide dar nu arata imaginile...
|
Citat (Muşatinu) Incarca imaginile http://maxrom.ucoz.ro/images/featured-prev.png si http://maxrom.ucoz.ro/images/featured-next.png cu calea /images/pe langa fisierul js ce nu l-ai incarcat. Citat (Muşatinu) Codul 1 il scoti din head si-l pui in fata codului 3 tot codul 1 nu doar un fragment. Tu-ti bati joc sau nu ai ce face? |
am pus acum codul 1 complet acolo, eu credeam ca alea trebuie sa stea in head...
js l-am incarcat in folderul js, si acum l-am incarcat si in folderul images, si nu functioneaza. tu prima data nici nu ai zis nimic de images. prin js cred ca te referi la jquery.cycle.al.js http://animesage.ucoz.ro/js/jquery.cycle.al.js http://animesage.ucoz.ro/images/jquery.cycle.al.js Material modificat de admin9894 - Joi, 18/04/2013, 11:56 PM
|
ok. functioneaza acum. multumesc! in sfarsit am reusit sa-l pun...
|
Muşatinu, interesant slider .... bravo!
 |
Citat Muşatinu (  ). Intre <head> si </head> pui: <script src="/js/jquery.cycle.all.js" type="text/javascript"></script> <link type="text/css" rel="StyleSheet" href="/css/slider.css" /> <script type="text/javascript"> /* <![CDATA[ */ jQuery(document).ready(function() { jQuery('.fp-slides').cycle({ fx: 'scrollHorz', timeout: 4000, delay: 0, speed: 400, next: '.fp-next', prev: '.fp-prev', pager: '.fp-pager', continuous: 0, sync: 1, pause: 1, pauseOnPagerHover: 1, cleartype: true, cleartypeNoBg: true }); }); /* ]]> */ </script> Musatinu unde intre <head> si </head> pun scriptul? |
Scuze nu am formulat bine intrebarea. In care sablon ar trebui sa copiez? Vrea ca slider-ul sa fie pe toate paginile deci trebuie sa il pun in sablonul 'partea superioara a site-ului' ? Daca da in sablon nu am deloc tag-ul <head> am doar <header>.
|
Tity, deci cu speranta ca inca nu ai facut nici o modificare, omiti pasu unu si-l schimbi cu:
Inti in CP » Design customization » Quick replacement - /panel/?a=frep Replacement mode: Multi-line Find: Cod <head> Replace with: Cod <head> <script src="/js/jquery.cycle.all.js" type="text/javascript"></script> <link type="text/css" rel="StyleSheet" href="/css/slider.css" /> <script type="text/javascript"> /* <![CDATA[ */ jQuery(document).ready(function() { jQuery('.fp-slides').cycle({ fx: 'scrollHorz', timeout: 4000, delay: 0, speed: 400, next: '.fp-next', prev: '.fp-prev', pager: '.fp-pager', continuous: 0, sync: 1, pause: 1, pauseOnPagerHover: 1, cleartype: true, cleartypeNoBg: true }); }); /* ]]> */ </script> la Modules: debifezi Users http://i.imgur.com/8FQHjkA.png si apoi continui cu celelalte puncte de mai sus. |
| |||