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 για WorldWideScripts.net

Εγγραφείτε για να μας ζωοτροφές για να μείνετε ενημερωμένοι!

Νέο! Ακολουθήστε μας όπως εσείς το θέλετε!


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

Ads

Ad: Bluehost hosting

Αυτό το αρχείο είναι κατάλληλο για την αρχική σελίδα πανό, παρουσίασης, προβολής προϊόντων, Γκαλερί παρόλο που μπορείτε να χρησιμοποιήσετε ως εισαγωγή. Όλα τα κινούμενα σχέδια είναι προσαρμόσιμη έτσι κατάλληλο για κάθε τύπο του πανό. Μπορείτε να χρησιμοποιήσετε οποιοδήποτε αριθμό των στρώση από κάθε ρυθμιστικό. Μπορείτε να τοποθετήσετε και την απόσταση κάθε στρώμα εύκολα χρησιμοποιώντας χαρακτηριστικά των δεδομένων. Στο αρχείο download, πέντε προεπιλεγμένους δείγματα είναι διαθέσιμα σε ξεχωριστό αρχείο html.

Αυτό λειτουργεί καλά σε όλα του προγράμματος περιήγησης, συμπεριλαμβανομένων ipad, iOS και Android συσκευών

Σχεδόν όλες οι επιλογές είναι διαθέσιμες για να προσαρμόσετε αυτό το ρυθμιστικό χωρίς να επεξεργαστείτε τον πηγαίο κώδικα

Αγγίξτε την ικανότητα της οθόνης τόσο για desktop και οθόνη αφής της συσκευής

Χρησιμοποιήστε οποιοδήποτε τύπο περιεχομένου Div μπορεί να είναι πολλαπλά div, εικόνας (συμπεριλαμβανομένης διαφανή μορφή εικόνας), το βίντεο, το YouTube και το SWF (αρχείο flash)

Μοναδικά Χαρακτηριστικά:

  • Εύκολο να ευθυγραμμιστούν, απόσταση και την κατεύθυνση κινούμενα σχέδια για κάθε εικόνα και κείμενο
  • Δυνατότητα επιλογής οποιουδήποτε τύπου μέσα / έξω κατεύθυνση κινουμένων σχεδίων
  • Δυνατότητα ορισμού animation έρχονται απόσταση
  • Μοτίβο φόντου κινούμενα κινούμενα σχέδια
  • Δυνατότητα ορισμού in / out χρόνο για κάθε div
  • Δυνατότητα ορισμού slideshow χρόνο καθυστέρησης για κάθε διαφάνεια
  • Ενεργοποίηση desktop / Απενεργοποίηση Σύρετε
  • Υποστήριξη απεριόριστες εικόνες και κείμενο σε κάθε διαφάνεια


Διακεκομμένη Button:
  • Τρεις διαφορετικοί τύποι διακεκομμένη κουμπί με κουμπιά Επόμενο και Προηγούμενο σχέδιο είναι διαθέσιμα
  • Τοποθετήστε την πλοήγηση κάθε περίπτωση χρησιμοποιώντας Ευθυγράμμιση και διαστήματα επιλογή
  • Εμφάνιση / Απόκρυψη του διάσπαρτη, κουμπιά Επόμενο και Προηγούμενο
  • Ενεργοποίηση / Απενεργοποίηση αυτόματης πλοήγησης απόκρυψη

Μικρογραφίες:

  • Επιλογή εμφάνισης Μικρογραφίες με την επόμενη και την προηγούμενη κουμπί
  • Μπορεί να αλλάξετε εύκολα το πλάτος και το ύψος thumbnail με χρήση CSS
  • Μικρογραφία χρώμα του περιγράμματος, το μέγεθος των συνόρων, στις φωτογραφίες για να τις μικρογραφίες χώρος είναι ο έλεγχος μέσω του αρχείου CSS
  • Μικρογραφία είναι αυτόματα ταιριάζει με το πλάτος του πανό. Μπορείτε επίσης να αλλάξετε την προβολή περιοχή μικρογραφίες
  • Μικρογραφία του ποντικιού πάνω απόχρωση της εικόνας ή έλεγχος από το αρχείο CSS, μπορείτε επίσης να χρησιμοποιήσετε το χρώμα της εικόνας, αντί
  • Τοποθετήστε τη μικρογραφία οπουδήποτε χρησιμοποιώντας Ευθυγράμμιση και διαστήματα επιλογές
  • Μπορείτε να εμφανίσετε τα δύο διακεκομμένη κουμπιά και εικονίδια


Άλλα χαρακτηριστικά:
  • Προβολή διαφανειών παύση όταν ο χρήστης χτύπησε το πανό αλλιώς να συνεχίσει να διαδραματίζει
  • Πέντε διαφορετικοί τύποι δειγμάτων είναι διαθέσιμο
  • Υποστηρίξτε όλα τα προγράμματα περιήγησης
  • Cufon υποστήριξη γραμματοσειρών
  • Μπορείτε να κινήσετε τίποτα που μπορείτε να τοποθετήσετε στο εσωτερικό του div

Δείτε το demo στο κινητό σας

Σε κώδικα plug-in, μπορείτε να προσαρμόσετε την προβολή διαφανειών χρησιμοποιώντας την παρακάτω μεταβλητές

 jQuery (λειτουργία ($) { $ ('# jq_fmslideshow »). fmslideshow ({ banner_width: "", banner_height: "", image_sprite: «fmslideshow_assets / sprite.png», image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader: «fmslideshow_assets / loader_img.png», background_fullScreen: ψευδείς, background_move: ψευδείς, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: ψευδείς, buttons_align: «π.Χ.», buttons_spacing: «15,0», button_nextPrevious_type: 0, button_nextPrevious_autoHide: αλήθεια, button_next_align: "Ε.Κ.", button_next_spacing: «20,0», button_previous_align: "LC", button_previous_spacing: «20,0», dotButtons: ψευδείς, button_next_previous: ψευδείς, thumbnails_align: «π.Χ.», thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, SlideShow: ψευδείς, slideShow_delayTime: 2, desktop_drag: αλήθεια default_data_align: "LC", default_data_spacing: «70,0», default_data_inOutDirection: "LR", default_data_inOutDistance: "60" })? })? 


Δείγμα κώδικα slideshow
 <! - Διαφάνεια 1 -> <div> <img δεδομένων-align = "BL" στοιχεία-spacing = "0,50" στοιχεία-inoutdirection = "BB" στοιχεία-inoutdistance = "50" στοιχεία-STARTTIME = "0" στοιχεία-staytime = "5" στοιχεία-animationspeed = "700" στοιχεία-easein = "easeOutQuart" στοιχεία-easeout = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div δεδομένων-align = "TR" στοιχεία-spacing = "70,0" στοιχεία-inoutdirection = "RL" στοιχεία-STARTTIME = ". 5" στοιχεία-staytime = "6" στοιχεία-animationspeed = "400" δεδομένων easein = "easeInQuart" στοιχεία-easeout = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Προσαρμογή Ψυχαγωγία </ span> </ div> <div δεδομένων-align = "TR" στοιχεία-spacing = "20,0" στοιχεία-inoutdirection = "LR" class = "divStyle" στοιχεία-inoutdistance = "60"> <span class = "txtMedium"> In / Out Σκηνοθεσία - Ευθυγράμμιση - Διαστήματα </ span> </ div> </ div> 
Πλήρες κείμενο βοήθεια περιλαμβάνεται στο αρχείο λήψης

Ενημέρωση σχετικά με 06.10.2013: Μικρά bug σταθερό

Ενημέρωση σχετικά 23-11-2012: IE10 bug σταθερό









Εάν έχετε οποιεσδήποτε ερωτήσεις σχετικά με αυτό το αρχείο επικοινωνήστε μαζί μου μέσω μου σελίδα του προφίλ.

Αναχώρηση άλλα αρχεία μου:

















Ελέγξτε τα αρχεία Flash μου:

ακορντεόν-οριζόντια-κάθετη-εικόνας-κειμένου-κινούμενα σχέδια







καρουσέλ-3-είδη-image-προϊόν-θεατή

ακορντεόν-οριζόντια-κάθετη-εικόνας-κειμένου-κινούμενα σχέδια


Λήψη
Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

Properties

Δημιουργήθηκε:
10 Οκτώβρη, 11

Τελευταία ενημέρωση:
11 Ιουνίου, 13

Συμβατά προγράμματα περιήγησης:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Αρχείων που περιλαμβάνονται:
JS JavaScript, HTML, CSS, Πολυεπίπεδη PSD

Έκδοση Λογισμικού:
jQuery

Λέξεις-κλειδιά

το ηλεκτρονικό εμπόριο, το ηλεκτρονικό εμπόριο, Όλα τα Προϊόντα, διαφημίσεις σε banner, Rotator Διαφήμιση, ρυθμιστικό εικόνα, Layer κινουμένων σχεδίων, θεατή προϊόν, δυνατότητα αλλαγής μεγέθους, απλή μετάβαση διαφάνεια, slideshow