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 til WorldWideScripts.net

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress Version

GALLERI understøtter billeder, video, lyd inline Telefon iPad kompatible minut installation Ken Burns effekt miniaturer navigation og meget mere!

Opdateringer

UPDATE 2.1 [14/06/2011]

  • tilføjet AutoHeight eksempel + API-kald

UPDATE 2 0,0 [2011/09/06]

  • faste bugs
  • omdøbt til Phoenix Gallery - samme galleri funktioner + flere
  • tilføjet thumbnail navigation

Introduktion

jQuery Ken Burns Slideshowis den perfekte måde at fremvise dine billeder / annoncer i stil. Hvert element har en separat slideshow tid, og du kan redigere deres link, mål og mange andre individuelle indstillinger lige ved at ændre HTML.

Egenskaber

  • understøtter.PNGs,.JPGs,.GIFs
  • API - ring pause, spille, gotoNext, gotoPrev fra din html (uden galleriet)
  • AutoHeight - mulighed for at AutoStr galleriet afhængigt af højden af ​​indholdet
  • understøtter ubegrænsede poster - rotere så mange billeder som du ønsker
  • diasshowtilstand - med uafhængige tid for hvert element, som du kan definere i HTML forudsat
  • værdier, du kan oprette for hvert element - beskrivelse (beskrivelsen fra toppen), initialZoom (enhver værdi, du ønsker det), finalZoom, slideshowTime (den tid banneret rotator forbliver fokuseret på det specifikke punkt), brænde effekt (den tid, du ønsker effekten til at tage), url (hvis der ikke url er indstillet posten vil bare være en billede med nogen link på klik), transitionType (easeInSine, lineær etc.), initialposition, endelige position (vælg fra topleft, topcenter, topright, middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • resizable til din foretrukne størrelse - alt indhold vil positionere korrekt

Mulige panorering positioner (indledende og afsluttende)

Ofte stillede spørgsmål

Sådan indstille antallet af miniaturer, jeg har dette portræt billeder i skyderen.. navigationen viser kun 2 af dem, mens der er plads til 4?

Du kan ikke indstille antallet af miniaturer, der vises pr 'side', fordi den er beregnet automatisk fra tommelfinger bredde / højde og tommelfinger plads. Så prøv at sænke det for flere tommelfingre. Der er også en anden parameter "nav_arrow_size: 40" - det er den plads, der er afsat til hver pil (så ved misligholdelse 80 px er subtraheres til pilene), og du kan også sænke dette for flere tommelfingre.

er det muligt at sætte et link på billederne (det vigtigste billede offcourse ikke de miniaturer) Ja, sikker, skriver

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

i stedet for

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

Jeg forsøger at tilføje links i beskrivelsen, men det bryder scriptet

Propably du gør noget som dette

BAD:

 data-beskrivelse = "Mit link er <a href="http://something"> her </a>" 

Problemet er, at "inde i href bryder" fra data-beskrivelse. Løsningerne er at bruge "i stedet for"

GOD:
 data-beskrivelse = "Min link er <a href="http://something"> her </a> ' 
Hej. Hvordan kan jeg stoppe den automatiske skydedøre i phoenixgallery

du har i parametrene

 targetgallery.phoenixgallery ({ transition_type: "tilfældig", nav_type: "thumbsa", nav_position: "op", 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 }) 
at deaktivere slideshow blot tilføje en ny parameter settings_slideshow og sæt den til off ligesom dette
 targetgallery.phoenixgallery ({ transition_type: "tilfældig", nav_type: "thumbsa", nav_position: "op", 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 }) 
Af en eller anden grund, når jeg tilføje et link til billedet zoom effekt ikke længere fungerer.

Det er, fordi de attributter data-initialZoom, data-finalZoom, data-effectTime mv skal være på den direkte barn af galleriet div. For eksempel, hvis du har

 

effekt vil arbejde, men hvis du tilføjer link som denne
 <a href="#"> </a> 
effekt vil ikke fungere. Du er nødt til at flytte attributterne til den direkte barn af galleriet som så:
 <a href="#" data-finalzoom="2"> </a> 

Medvirkende

Kreative fotos - http://www.flickr.com/photos/markjsebastian/

Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
2 august 10

Sidste ændring:
N / A

Kompatible Browsere:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Søgeord

eCommerce, eCommerce, Alle emner, pile, brugerdefinerede navigation, virkninger, galleri, billede, Ken Burns-, numre, pan, billeder understø, ttelse, rotator, slideshow, miniaturer, overgange, video support, zoom