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

Before-After Slider&Banner jQuery Plugin

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Before-After Slider&Banner jQuery Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

V1.2 Update - 2012/02/16

  • Auto Timer-functie is toegevoegd.

V1.1 Update - 18.12.2011

  • Geoptimaliseerd de IE8-functionaliteit
  • Nieuwe optie: muisaanwijzer autofollow On / Off

Wat is het?

Vóór-After kunt u twee foto's te plaatsen op de top van elkaar en gebruik een versleepbare schuifbalk te verbergen en onthullen elk beeld. Dit is vooral handig voor het markeren van een voor / na makeover of Untouched / Photoshopped beelden naast elkaar.

We bouwen een slider rond deze functie om een ​​unieke showcase van sets van voor en na foto op te bouwen. Geef elke slider een beschrijving en stel het startpunt van de schuifregelaar om uw bericht te vervoeren.

Is het moeilijk om uit te voeren?

Nee! Het is de typische manier van uitvoering van een jQuery plugin. Je hoeft alleen maar te weinig HTML en Javascript weten. Doe de JS en CSS schakels in het hoofd van uw HTML-site en het opbouwen van een ongesorteerde lijst met items als volgt uit:

 <Li> <Img src = "images / beforeafter / 2before.jpg" alt = "images / beforeafter / 2after.jpg"> <Div id = "textbox_1"> <Div id = "logo" class = "faderight"> <Img src = "images / yourlogo.png" alt = ""> </ Div> <Div id = "title" class = "fadeup"> Mijn lieve meid </ Div> <Div id = "description" class = "fadeup"> Beschrijving ipsum dolor sit amet, pericula sapentim ei ius. Pupolo patrioque elaboraret usu et. Duo numquam assentior et. </ Div> </ Div> </ Li> 





Wat zijn de kenmerken?

  • Voeg onbeperkt aantal teksten, afbeeldingen en animeren hen.
  • Stel de Z-positie van de teksten, afbeeldingen om ze te laten zien op beide lagen, of alleen op of na laag. Meng ze als u wilt.
  • Auto Thumbnail creatie. Kleurplaten, posities, schaduwen, al deze functies eenvoudig worden ingesteld via de CSS-bestand.
  • jQuery Conflict gratis plugin.
  • Bijvoorbeeld demo's opgenomen.
  • Eenvoudig te implementeren.
  • Elke grote afbeelding.
  • Special versoepeling.

Bedankt voor je tijd!!


Onze Wordpress Themes










Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
13 september 11

Laatste update:
N / A

compatibele Browsers:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, na, voor, Voor na, creatief, demonstratie, gemakkelijk, galerij, beeld, jQuery, foto, retoucheren, vitrine, schuif, slideshow