www.marwebdesign.net

Hoverbox by Nathan Smith este un binecunoscut script “roll-over photo gallery”  ce utilizeaza numai cod CSS marimea acestuia fiind de doar 8 kb (…JavaScript-disabled). Codul este freeware, poate fi folosit in orice proiect  si particularizat cu ajutorul fiserului hoverbox.css, de un real ajutor fiind comentariile din pagina autorului. Continutul paginii nu este afectat la incarcarea unei imagini. Originalul articolului poate fi gasit la adresa : http://sonspring.com/journal/hoverbox-image-gallery, unde se gaseste si un exemplu. La adresa : http://www.climaxdesigns.com/misc/hoverbox/combo.php gasiti o combinatie Hoverbox si Lightbox, creatie a lui  David Blanchet.

Similar : http://joshuaink2006.johnoxton.co.uk/templates/gallery/

Start Slide Show with PicLens Lite

Gallery, o aplicatie in Flash 8 care foloseste un fisier .xml pentru a incarca/vizualiza imaginile intr-un “slideshow” cu 13 efecte de tranzitie intre imagini (bars, blinds, circles, dissolve, wipe, zoom, etc.) sau aleatoriu.

Caracteristici : suporta aproape orice format de imagine si in numar nelimitat, poate incarca imagini de la www.flickr.com , imaginile pot fi marcate cu text, suporta background, mp3, titlul galeriei, note explicative privind imaginile, imaginile sunt incarcate automat si redimensionate la dimensiunile player-ului, suporta link-uri si reluarea automata a slideshow-ului, control din taste, dimensiunile (w,h) pot fi definite in codul care se insereaza in pagina etc. Autorul, Lacy Morrow, a creat o interfata rafinata pentru aceasta excelenta si profesionala aplicatie. Documentatia se gaseste la pagina :

http://lacymorrow.com/projects/gallery/gallerydoc.html

Start Slide Show with PicLens Lite

(E)2 –Photo Gallery, este open source , dezvoltata cu Mootools Javascript Library si PHP. Caracteristici : dimamica, tranzitii placute intre imagini, 4 design-uri/skin-uri, ”thumbnails viewer” (poate fi ascuns), detecteaza automat imaginile, “upload”-er imagini inclus (se acceseaza cu nume utilizator si parola), nu necesita baza de date, ajusteaza automat marimea imaginilor, citeste IPTC Info (imaginile pot avea titlu, descrieri, informatii copyright si nume autor). Nu suporta multiple galerii. Interfata placuta, rafinata.

Instalare si instructiuni pe pagina :

http://www.e2interactive.com/e2_photo_gallery/documentation.php

Start Slide Show with PicLens Lite

O simpla galerie in Flash 8 (AS2), care, cu ajutorul fisierului “getimages.php” citeste/incarca imaginile din folderul corespunzator , imaginile sunt returnate sub forma de lista  in format  .xml fisierului flash. Usor de implementat : se modifica in index.html calea spre “getimages.php”, imaginile au orice marime (w,h).

Seamana izbitor cu autoviewer de la :

http://www.airtightinteractive.com/projects/autoviewer/

Start Slide Show with PicLens Lite

Cu un design neformal si 3 “skin-uri” care insotesc scriptul, cu un cod curat si efecte atractive, 35 mm Photo Viewer v.5.0 beta  se prezinta ca si o solutie eleganta care iese din comunul celorlalte “Photo Gallery Viewer”. Dispune de o interfata placuta cu un panou de control care poate fi mutat oriunde pe desktop si prin intermediul caruia se poate naviga prin galerie. Imaginile sunt grupate in “colectii”, iar acestea in cadrul “paginilor” .Marimea implicita a “thumbnails” este de 64×48 px. dar poate fi modificata. Galeria poate vizualiza video si continut, care atunci cand este specificat  poate fi folosit pentru text, link-uri. Alte functionalitati si caracteristici pot fi gasite studiind documentatia din pagina : http://www.schillmania.com/projects/35mm/ .

Start Slide Show with PicLens Lite

  

Pe internet aceste scripturi costa de la 5$ la 80$ si de regula sunt vandute cu drepturi de revanzare “resale rights free” sau le gasiti pe site-uri promotionale  care cer in schimb altceva . Exista si site-uri care-l ofera gratuit…. putine este adevarat, dar poate fi gasit de exemplu in reteaua http://rapidshare.com/files/127854834/peel.rar   si/sau pe site-ul german http://www.webpicasso.de/blog -recomandat  (aici veti gasi si un WordPress plugin-http://www.webpicasso.de/blog/joomla-pagepeel-pageear-ad-ons/ ).

Instalarea consta in : se editeaza fisierul peel.js (adresa url-ul dorita), se editeaza 2 imagini in format .jpg : cea mica va avea dimensiunile 75×75 px., iar cea mare-500×500 px., se incarca pe server tot  dosarul “peel” in /httpdocs/ si se insereaza linia de cod : <script src=”peel/peel.js” type=”text/javascript”></script> in sectiunea <head> a paginii unde se doreste aparitia “efectului”  “peel away”.

Start Slide Show with PicLens Lite

WebTwo Ajax SlideShow este in primul rand dovada unui concept care demonstreaza posibilitatile Ajax ca si SDK, cu cateva linii de cod se creaza capabilitati asemanatoare unui software comercial.

Caracteristici: configurare printr-un fisier .xml (recomandat) sau “inline”, numar nelimitat de imagini, culoarea, marimea, fonturile pot fi configurate in cadrul fisierului .xml, marimea “thumbnails”, zoom/in si /zoom/out imagini prin click in campul acestora sau pe icon, posibilitate de “drag and drop” imagini, compatibil Flickr, etc.

In pagina .html se creaza un bloc <div id=”destination”></div> : pagina fiind incarcata prin accesarea unui link sau printr-un eveniment “onload” atasat sectiunii <body>, se incarca slideshow-ul prin specificarea url-ului fisierului .xml. Este dat un exemplu de fisier .xml.

Start Slide Show with PicLens Lite

Photo Viewer, de la www.search-this.com, este un script care se integreaza usor in pagina. Utilizeaza flash si un fisier .xml pentru stocarea datelor si a modificarilor ulterioare, inclusiv descrieri ale imaginilor. Dimensiunile imaginilor vor fi : “thumbnails”-75×50 px. iar originalele-500×333 px. Daca este necesar se modifica calea spre photos.swf si spre fisierul .xml.

Pe site-ul www.search-this.com mai gasiti pentru download  “webPod”, un player in stil “iPod” pentru mp3.

Start Slide Show with PicLens Lite

Auto-Playing-Featured-Content-Slider, bazat pe jQuery “Coda Slider” plugin; fiecare “slide” poate avea orice continut in format  .html sau imagini. Fiecare “slide” are un “thumbnail” corespondent , continutul activ este indicat de o sageata. Link-uri. Auto-play.

Start Slide Show with PicLens Lite

Un tutorial complet care arata cum se creaza un panou glisant continand un formular de autentificare acces (“login/signup”) pe o pagina web (partea I)  sau in sistemul Word Press 2.5+ (partea II-a a tutorialului). Panoul este implicit ascuns, la click-ul utilizatorului pe butonul “login” acesta apare, urmand ca la un nou click pe acelasi buton sau pe butonul “close” panoul sa gliseze in pozitia initiala. Scriptul utilizeaza mootools-1.2-core-yc.js, mootools-1.2-more.js si fx.slide.js. Se pot adauga efecte, de exemplu :” Bounce.easeInOut”.

Pentru utilizatorii sistemului WordPress, autorul tutorialului, Jeremie Tisseau, a creat tema “Night Transition” care incorporeaza scriptul. Tema poate fi  gasita pe site-ul autorului, la adresa : http://web-kreation.com/index.php/category/wordpress/.

Start Slide Show with PicLens Lite