WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

jQuery Homepage Banner Slideshow / Product viewer

— Add- On per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Questo file è adatto per homepage banner, presentazione, visualizzatore di prodotto, Galleria anche se è possibile utilizzare come un intro. Tutte le animazioni sono personalizzabili così adatto a qualsiasi tipo di banner. È possibile utilizzare qualsiasi numero di strato su ciascun cursore. È possibile posizionare e spaziatura ogni strato facilmente utilizzando attributi dei dati. Nel file di download, cinque campioni di default sono disponibili in file HTML separato.

E funziona bene in tutti i browser inclusi ipad ios, e dispositivo Android

Quasi sono disponibili per personalizzare il cursore tutte le opzioni senza modificare il codice sorgente

Toccare la capacità dello schermo sia per desktop e dispositivo touch screen

Utilizzare qualsiasi tipo di contenuto Div può essere div multipla, immagine (incluso il formato immagine trasparente), video, youtube e swf (file flash)

Caratteristiche uniche:

  • Facile per allineare, la spaziatura e la direzione di animazione per ogni immagine e testo
  • Possibilità di scegliere qualsiasi tipo di in / out direzione di animazione
  • Possibilità di impostare l'animazione provenienti distanza
  • Di fondo del modello di animazione in movimento
  • Possibilità di impostare in / out per ogni div
  • Opzione per impostare slideshow tempo di ritardo per ogni diapositiva
  • Abilita / Disabilita desktop di trascinamento
  • Sostenere immagini illimitate e testo su ogni diapositiva


Button tratteggiata:
  • Tre diversi tipi di pulsante punteggiate di Avanti e pulsanti Precedente design sono disponibili
  • Posizionare la navigazione in qualsiasi luogo utilizzando Allinea e l'opzione di spaziatura
  • Mostra / Nascondi la punteggiato, pulsanti Avanti e Indietro
  • Attiva / Disattiva nascondere Auto Navigation

Miniature:

  • Opzione per mostrare le miniature con il tasto successivo e precedente
  • Può essere facilmente cambiare la larghezza e l'altezza delle miniature usando css
  • Colore del bordo Miniatura, dimensione del bordo, miniatura per lo spazio delle miniature sono di controllo tramite file CSS
  • Anteprima è automaticamente adattata alla larghezza banner. È inoltre possibile modificare l'area di visualizzazione miniature
  • Mouse Anteprima immagine tinta o controllo su attraverso file CSS, è anche possibile utilizzare il colore, invece di immagine
  • Posizionare la miniatura qualsiasi luogo utilizzando le opzioni di spaziatura e Allinea
  • È possibile visualizzare entrambi i pulsanti tratteggiate e miniature


Altre caratteristiche:
  • Presentazione di pausa quando l'utente ha colpito il banner altrimenti continuare a svolgere
  • Cinque diversi tipi di campioni è disponibile
  • Supporta tutti i browser
  • Il supporto dei font Cufon
  • È possibile animare tutto ciò che si inserisce all'interno del div

Vedi la demo sul tuo telefonino

Nel codice del plug-in è possibile personalizzare la presentazione usando sotto le variabili

 jQuery (function ($) { $ ('# jq_fmslideshow'). fmslideshow ({ banner_width: "", banner_height: "", image_sprite: "fmslideshow_assets / Sprite", image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader: "fmslideshow_assets / loader_img.png", background_fullScreen: falso, background_move: falso, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: falso, buttons_align: "BC", buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: vero, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: "LC", button_previous_spacing: "20,0", dotButtons: falso, button_next_previous: falso, thumbnails_align: "BC", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, slideShow: falso, slideShow_delayTime: 2, desktop_drag: true default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "LR", default_data_inOutDistance: "60" }); }); 


Codice di esempio presentazione
 <! - Slide 1 -> <div> <img data-align = "BL"-spacing data = "0,50"-inoutdirection data = "BB"-inoutdistance data = "50"-starttime data = "0"-staytime data = "5" data-animationspeed = "700"-easeIn data = "easeOutQuart"-easeOut data = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div align-data = "TR"-spacing data = "70,0"-inoutdirection data = "RL"-starttime data = ". 5"-staytime data = animationspeed-dati "6" = "400"-easeIn dati = "easeInQuart" data-easeOut = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Personalizza Animazione </ span> </ div> <div data-align = "TR" data-spacing = "20,0"-inoutdirection data = "LR" class = "divStyle"-inoutdistance data = "60"> <span class = "txtMedium"> In / Out Direction - Allineamento - Distanza </ span> </ div> </ div> 
Documento completo di aiuto è incluso nel file di download

Aggiornamento sulla 2013/10/06: bug minori fisso

Aggiornamento su 23-11-2012: IE10 è risolto un bug









Se avete domande su questo file in contatto con me attraverso la mia pagina di profilo.

Check out my altri file:

















Check out my file Flash:

accordion-orizzontale-verticale-image-text-animation







carosello-3-tipo-image-prodotto-viewer

accordion-orizzontale-verticale-image-text-animation


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
10 ott 11

Ultimo aggiornamento:
11 Giugno 13

Browser compatibili:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, CSS, Layered PSD

Versione software:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, banner pubblicitari, banner rotator, cursore immagine, Animazione Strato, visualizzatore di prodotto, ridimensionabile, semplice cambio pagina, presentazione