Slide Show

Podpora pre platbu, dopravu a ostatné.
milken
Príspevky: 10
Dátum registrácie: 20. Jún 2011 14:52

Slide Show

Príspevok od používateľa milken »

Prosim Vas ako si upravim modul SlideShow na titulnej strane, aby sa bannery menili nie kazde 2-3 sekundy ako je tomu teraz ale trebars kazdych 10. Skusal som editovat ale nikde som to nenasiel.

Dakujem
Používateľov profilový obrázok
Matvej
Moderátor
Príspevky: 195
Dátum registrácie: 01. Dec 2010 13:53
Kontaktovať používateľa:

Re: Slide Show

Príspevok od používateľa Matvej »

Budeš musieť editovať súbor jquery.nivo.slider.js

Kód: Vybrať všetko

catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.js
v tomto súbore si nájdeš "Default settings"

Kód: Vybrať všetko

...
animSpeed: 500,
pauseTime: 3000,
...
kde animSpeed je čas prechodu z obrázku č.1 na obr. č.2 v milisekundách
a pauseTime je čas zobrazenia jednotlivého obrázku

Ak chceš experimentovať s Nivo-Slider, ktorý je použitý v OC 1.5 navštív stránku
http://nivo.dev7studios.com
Obrázok Ďakujem
Návod: Práca s CSV Import/Export
Návod: HTML E-mail Newsletter
Online OC technická podpora na SKYPE: matv3j
milken
Príspevky: 10
Dátum registrácie: 20. Jún 2011 14:52

Re: Slide Show

Príspevok od používateľa milken »

Dakujem - ako vzdy vystizna odpoved

Editoval som na 9000 Pause ale stale to ide takisto, teda raz sa prepne za 2 sec, potom za 8, potom zase za 3 ....
... nie je tam este nutne zmenit rezim RANDOM alebo cosi podobne ?
Používateľov profilový obrázok
Matvej
Moderátor
Príspevky: 195
Dátum registrácie: 01. Dec 2010 13:53
Kontaktovať používateľa:

Re: Slide Show

Príspevok od používateľa Matvej »

Ospravedlňujem sa, moja chyba. Za bežných okolností je použitie ako som spomínal vyššie lenže
pre OpenCart verziu 1.5.x treba editovať súbor jquery.nivo.slider.pack.js

V poslednom riadku (67) si v texte nájdeš $.fn.nivoSlider.defaults=

Kód: Vybrať všetko

$.fn.nivoSlider.defaults={effect:'boxRainGrowReverse',slices:15,boxCols:8,boxRows:4,animSpeed:100,pauseTime:9000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:'.jpg',controlNavThumbsReplace:'_thumb.jpg',keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:'Prev',nextText:'Next',beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};$.fn._reverse=[].reverse;})(jQuery);
kde zmeníš podľa potreby:
effect, animSpeed:100, pauseTime:9000, ...
nivo.dev7studios.com napísal: effect:'random', // Specify sets like: 'fold,fade,sliceDown'
slices:15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed:500, // Slide transition speed
pauseTime:3000, // How long each slide will show
startSlide:0, // Set starting Slide (0 index)
directionNav:true, // Next & Prev navigation
directionNavHide:true, // Only show on hover
controlNav:true, // 1,2,3... navigation
controlNavThumbs:false, // Use thumbnails for Control Nav
controlNavThumbsFromRel:false, // Use image rel for thumbs
controlNavThumbsSearch: '.jpg', // Replace this with...
controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
keyboardNav:true, // Use left & right arrows
pauseOnHover:true, // Stop animation while hovering
manualAdvance:false, // Force manual transitions
captionOpacity:0.8, // Universal caption opacity
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded

"RANDOM" je názov efektu použitého na prechod obrázkov. Môžeš použiť tiež jeden z nasledovných:
  • sliceDown
  • sliceDownLeft
  • sliceUp
  • sliceUpLeft
  • sliceUpDown
  • sliceUpDownLeft
  • fold
  • fade
  • random
  • slideInRight
  • slideInLeft
  • boxRandom
  • boxRain
  • boxRainReverse
  • boxRainGrow
  • boxRainGrowReverse
Obrázok Ďakujem
Návod: Práca s CSV Import/Export
Návod: HTML E-mail Newsletter
Online OC technická podpora na SKYPE: matv3j
milken
Príspevky: 10
Dátum registrácie: 20. Jún 2011 14:52

Re: Slide Show

Príspevok od používateľa milken »

respect. 8-)
Napísať odpoveď