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å vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress versjon

GALLERI støtter bilder, video, lyd inline Phone iPad kompatibel minutters installasjon Ken Burns-effekten miniatyr navigasjon og mer!

Oppdateringer

UPDATE 2 0,1 [14.06.2011]

  • lagt autoheight eksempel + API-kall

UPDATE 2 0,0 [09.06.2011]

  • faste bugs
  • rebranded til Phoenix Gallery - samme galleriet funksjoner + flere
  • lagt thumbnail navigasjon

Introduksjon

jQuery Ken Burns Slideshowis den perfekte måten å vise frem dine bilder / annonser i stil. Hvert element har en egen lysbilde tid, og du kan redigere sin link, mål og mange andre individuelle innstillinger bare ved å endre HTML.

Spesifikasjoner

  • støtter.PNGs,.JPGs, gifs
  • API - ring pause, spille, gotoNext, gotoPrev fra html (utenfor galleriet)
  • autoheight - mulighet for å autosize galleriet avhengig av høyden av innholdet
  • støtter ubegrenset elementer - rotere så mange bilder som du ønsker
  • lysbildefremvisningsmodus - med uavhengige tid for hvert element som du kan definere i HTML gitt
  • Verdiene du kan sette opp for hvert element - beskrivelse (beskrivelsen fra toppen), initialZoom (noen verdi du ønsker), finalZoom, slideshowTime (tiden banneret rotator forblir fokusert på det spesifikke elementet), brenne effekt (tiden du ønsker at effekten skal ta), url (hvis ingen url er satt elementet vil bare være et bilde uten link på klikk), transitionType (easeInSine, lineær etc.), initialposition, sluttstilling (velg fra topleft, topcenter, topright, middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • resizable til ønsket størrelse - alt innhold vil posisjonere riktig

Mulige panorering stillinger (første og siste)

FAQ

Hvordan sette antall miniatyrbilder, har jeg dette portrettet bilder i glideren.. navigasjons viser bare to av dem, mens det er plass til fire?

Du kan ikke angi antall miniatyrbilder som vises per "side" fordi den er automatisk beregnet fra tommelen bredde / høyde og tommelen plass. Så prøv å senke det for flere tomler. Også det er en annen parameter "nav_arrow_size: 40" - dette er den plassen som er avsatt for hver pil (slik at default 80 px er subtraheres for pilene), og du kan også redusere dette for flere tomler.

er det mulig å sette en link på bildene (hovedbildet offcourse ikke miniatyrene) Ja, sikkert, skrive

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

Isteden for

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

Jeg prøver å legge til linker i beskrivelsen, men det bryter manuset

Propably du gjør noe sånt som dette

BAD:

 data-description = "Min link er <a href="http://something"> her </a>" 

Problemet er at den "innvendig href bryter" fra databeskrivelsen. Løsningene er å bruke "i stedet for"

GOD:
 data-description = 'Min link er <a href="http://something"> her </a>' 
Hei. Hvordan kan jeg stoppe den automatiske skyve av phoenixgallery

du har i parametrene

 targetgallery.phoenixgallery ({ transition_type: "tilfeldig", nav_type: "thumbsa", nav_position: "opp", 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 }) 
deaktivere lysbilde bare legge til en ny parameter settings_slideshow og sett den til off som dette
 targetgallery.phoenixgallery ({ transition_type: "tilfeldig", nav_type: "thumbsa", nav_position: "opp", 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 }) 
For noen grunn når jeg legger en link til bildet zoomeffekten ikke lenger fungerer.

Det er fordi de attributtene data-initialZoom, data-finalZoom, data-effectTime etc. må være på direkte barn av galleriet div. For eksempel hvis du har

 

Effekten vil fungere, men hvis du legger lenke som dette
 <a href="#"> </a> 
Effekten vil ikke fungere. Du må flytte attributtene til den direkte barn av galleriet som så:
 <a href="#" data-finalzoom="2"> </a> 

Studiepoeng

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

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
2 august 10

Siste oppdatering:
N / A

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

Filer Inkludert:
Javascript JS, HTML, CSS

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle artikler, piler, tilpasset navigasjon, effekter, galleri, image, ken brenner, tall, pan, Bildene stø, tte, rotator, slideshow, miniatyrbilder, overganger, videostø, tte, zoom