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 / Images and Media

Ken Burns Media Gallery / Slideshow

— Add- On για WorldWideScripts.net

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

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


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress Έκδοση

GALLERY υποστηρίζει εικόνες, βίντεο, ήχου ενσωματωμένο τηλέφωνο iPad εγκατάστασης συμβατής λεπτά Ken Burns αποτέλεσμα εικονίδια πλοήγησης και πολλά άλλα!

Ενημερώσεις

UPDATE 2.1 [14/06/2011]

  • πρόσθεσε autoheight παράδειγμα + API κλήσεις

UPDATE 2 0.0 [09/06/2011]

  • σταθερό σφάλματα
  • Αντικαταστάθηκε στο Φοίνιξ Gallery - γκαλερί ίδια χαρακτηριστικά + περισσότερα
  • πρόσθεσε thumbnail πλοήγησης

Εισαγωγή

jQuery Ken Burns Slideshowis ο τέλειος τρόπος για να επιδείξει τις εικόνες / διαφημίσεις σας με στυλ. Κάθε στοιχείο έχει μια ξεχωριστή στιγμή slideshow και μπορείτε να επεξεργαστείτε τη σύνδεσή τους, στόχο και πολλές άλλες επιμέρους ρυθμίσεις μόνο με την τροποποίηση της HTML.

Χαρακτηριστικά

  • υποστηρίζει.PNGs,.jpgs,.gifs
  • API - παύση κλήση, να παίξουν, gotoNext, gotoPrev από την HTML σας (εκτός gallery)
  • autoheight - δυνατότητα autosize την γκαλερί ανάλογα με το ύψος του περιεχομένου
  • Υποστηρίζει απεριόριστο αντικείμενα - περιστρέψετε όσες φωτογραφίες θέλετε
  • λειτουργία slideshow - με ανεξάρτητου χρόνου για κάθε στοιχείο που μπορείτε να ορίσετε στο HTML παρέχεται
  • αξίες που μπορείτε να ρυθμίσετε για κάθε στοιχείο - περιγραφή (η περιγραφή από την κορυφή), initialZoom (οποιαδήποτε τιμή θέλετε), finalZoom, slideshowTime (τη στιγμή που το στροφικού πανό παραμένει επικεντρώθηκε στο συγκεκριμένο στοιχείο), καίνε χρόνος αποτέλεσμα (την ώρα που εύχομαι το αποτέλεσμα να λάβει), url (url αν δεν έχει ρυθμιστεί το στοιχείο θα είναι απλά μια εικόνα που δεν έχουν σχέση με το κλικ), transitionType (easeInSine, γραμμική κλπ), initialposition, τελική θέση (επιλέξτε από topleft, topcenter, topright, middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • αλλαγής μεγέθους για να προτιμώμενο μέγεθος σας - όλα τα περιεχόμενα θα είναι η θέση την κατάλληλη

Πιθανές θέσεις panning (αρχική και τελική)

Συχνές Ερωτήσεις

Πώς να ρυθμίσετε τον αριθμό των μικρογραφιών, έχω αυτό το πορτρέτο εικόνες στο ρυθμιστικό.. η πλοήγηση εμφανίζει μόνο 2 από αυτά, ενώ υπάρχει χώρος για 4;

Δεν μπορείτε να ορίσετε τον αριθμό των μικρογραφιών που εμφανίζονται ανά σελίδα "γιατί είναι υπολογίζονται αυτόματα από το πλάτος του αντίχειρα / ύψος και έκταση του αντίχειρα. Έτσι προσπαθούν να μειώσουν την πιο αντίχειρες. Επίσης υπάρχει και μια άλλη παράμετρος "nav_arrow_size: 40" - αυτό είναι ο χώρος που διατίθεται για κάθε βέλος (τόσο σε προεπιλογή 80 px που αφαιρείται για τα βέλη) και μπορείτε επίσης να μειώσει αυτό για περισσότερο μπράβο.

είναι δυνατόν να θέσει ένα σύνδεσμο για τις εικόνες (Η κεντρική φωτογραφία δεν offcourse τις μικρογραφίες) Ναι, σίγουρα, γράφουν

 <a href="#"> <img src = "img / def1.jpg" /> </a> 

αντί

 <img src = "img / def1.jpg" /> 

Προσπαθώ να προσθέσετε συνδέσεις στην περιγραφή, αλλά σπάει το σενάριο

Πιθανόν κάνετε κάτι σαν αυτό

Κακό:

 δεδομένων-description = "σύνδεσμος μου είναι <a href="http://something"> εδώ </a>" 

Το πρόβλημα είναι ότι η "μέσα href σπάει την" από τα δεδομένα-περιγραφή. Οι λύσεις είναι η χρήση "αντί του"

ΚΑΛΗ:
 δεδομένων-description = "σύνδεσμος μου είναι <a href="http://something"> εδώ </a>» 
Γεια. Πώς μπορώ να σταματήσω την αυτόματη συρόμενη της phoenixgallery

Έχετε τις παραμέτρους

 targetgallery.phoenixgallery ({ transition_type: «τυχαία», nav_type: «thumbsa", nav_position: "up", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "off", settings_autoresize: "off", settings_autoheight: "off", settings_pauseonrollover: "off", settings_usethumbarrows: «off», transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
για να απενεργοποιήσετε την προβολή διαφανειών απλά προσθέστε μια νέα παράμετρος settings_slideshow και να το θέσει σε μακριά όπως αυτό
 targetgallery.phoenixgallery ({ transition_type: «τυχαία», nav_type: «thumbsa", nav_position: "up", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "off", settings_autoresize: "off", settings_autoheight: "off", settings_slideshow: "off", settings_pauseonrollover: "off", settings_usethumbarrows: «off», transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
Για κάποιο λόγο, όταν μπορώ να προσθέσω ένα σύνδεσμο με την εικόνα της επίδρασης ζουμ δεν λειτουργεί πλέον.

Αυτό οφείλεται στο γεγονός ότι τα χαρακτηριστικά στοιχεία-initialZoom, δεδομένων finalZoom, δεδομένων effectTime κλπ πρέπει να είναι σχετικά με την άμεση παιδί της γκαλερί div. Για παράδειγμα, αν έχετε

 

αποτέλεσμα θα λειτουργήσει, αλλά αν προσθέσετε σύνδεσμο όπως αυτό
 <a href="#"> </a> 
αποτέλεσμα δεν θα λειτουργήσει. Θα χρειαστεί να μετακινήσετε τα χαρακτηριστικά της άμεσης παιδί της γκαλερί όπως έτσι:
 <a href="#" data-finalzoom="2"> </a> 

Συντελεστές

Δημιουργικές φωτογραφίες - http://www.flickr.com/photos/markjsebastian/

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

Properties

Δημιουργήθηκε:
2 Αυγούστου, 10

Τελευταία ενημέρωση:
N / A

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

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

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

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

το ηλεκτρονικό εμπόριο, το ηλεκτρονικό εμπόριο, Όλα τα Προϊόντα, βέλη, έθιμο πλοήγησης, αποτελέσματα, στοά, εικόνα, Ken Burns, αριθμοί, τηγάνι, υποστήριξη εικόνων, περιστρέφων, slideshow, μικρογραφίες, μεταβάσεις, υποστήριξη βίντεο, ζουμ