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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


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

Ads

Ad: Bluehost hosting

Update V1.2 - 16.02.2012

  • a fost adăugată o funcție automată temporizator.

Update V1.1 - 18.12.2011

  • Optimizat funcționalitatea IE8
  • Opțiune nouă: Mousepointer Autofollow On / Off

Ce este?

Înainte de a -După permite să plasați două imagini pe partea de sus a reciproc și de a folosi un cursor draggable pentru a ascunde și dezvăluie fiecare imagine. Acest lucru este util în special pentru evidențierea unei inainte / dupa makeover sau neatinsa / photoshopped laterale imagini alăturate.

Noi construim un cursor în jurul valorii de această caracteristică pentru a construi o casetă de prezentare unic de seturi de imagini Înainte și după. Da fiecare slider o descriere și setați STARTPOINT a cursorului pentru a transporta mesajul.

Este greu să pună în aplicare?

Nu! Este modul tipic de implementare a unui plugin jQuery. Trebuie doar sa stii putin HTML si Javascript. Pune JS si link-uri CSS în antetul site-ului dvs. HTML și de a construi o listă de elemente nesortate ca aceasta:

 <Li> <Img src = "images / beforeafter / 2before.jpg" alt = "images / beforeafter / 2after.jpg"> <Div id = "textbox_1"> <Div id = "logo-ul" class = "faderight"> <Img src = "imagini / yourlogo.png" alt = ""> </ Div> <Div id = "title" class = "fadeup"> Fetița mea dulce </ Div> <Div id = "description" class = "fadeup"> Descriere ipsum dolor sit amet, pericula sapentim ei ius. Pupolo patrioque elaboraret USU et. Duo numquam assentior et. </ Div> </ Div> </ Li> 





Care sunt caracteristicile?

  • Adauga o cantitate nelimitată de texte, imagini, și le anima.
  • Setați Z poziția textelor, imaginilor pentru a le afișa pe ambele straturi, sau numai după sau înainte de a stratului. Se amestecă-le așa cum doriți.
  • creare automată în miniatură. Colorat, poziții, umbre, toate aceste caracteristici pot fi ușor de setat prin intermediul fișierului CSS.
  • jQuery Conflict plugin gratuit.
  • Exemplu demo-uri incluse.
  • Ușor de implementat.
  • Orice Dimensiune imagine.
  • Facilitarea specială.

Iti multumesc pentru timpul acordat!!


Temele noastre Wordpress










Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
13 septembrie 11

Ultima actualizare:
N / A

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

fişierele incluse:
JavaScript JS, HTML, CSS

Versiune de software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, după, inainte de, î, nainte după, creator, demo, uşor, Galerie, imagine, jquery, fotografie, retuşare, casetă de prezentare, cursor, prezentarea