vineri, 7 august 2009

Blogger plugin pentru imagini - super

Lightbox 2, da, da, numele nu spune prea multe, de aceea poti sa-l vezi in actiunea dand click pe urmatoarea imagine.


Ceva asemanator acestui plugin, e asta. Nu-mi spune ca l-ai vazut pe siturile tale favorite, siturile de stiri, IT, tutoriale, tabloide etc. ele deja folosesc acest plugin, si de ce nu, il vei folosi si tu daca-l instalezi. In comparatie cu celelalte platforme pe Blogger se instaleaza manual codul, direct in template, adica:
1. Urmatoarul codul insereaza-l imediat dupa tagul <head> .


<link href="http://www.virtuosomaster.com/tutorials/samples/lightbox/css/lightbox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/prototype.js" type="text/javascript"/>
<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"/>
<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/lightbox.js" type="text/javascript"/>

2. Iar la urmatoarea postare cand incarci o imagine sau doar o embedezi ai grija sa pui atributul  rel="lightbox"  undeva prin codul de embed al imaginii, si sa stergi initialele -h . Vezi in exemplul de jos.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipOZDoc4JH9oGVgELG1Q_506Deqv70lhJFzndB7415NeGW2Qxc8OQvAygIkjIu1nd1LOUKXEjtzPAgcBXpns5bfsaYfkowB4RB-0RvVrhNMKUcT3dflwbj_qGpuIh0Dbu2TWkVXKY0FOM/-h/01982_azureeye_1024x768.jpg" rel="lightbox" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipOZDoc4JH9oGVgELG1Q_506Deqv70lhJFzndB7415NeGW2Qxc8OQvAygIkjIu1nd1LOUKXEjtzPAgcBXpns5bfsaYfkowB4RB-0RvVrhNMKUcT3dflwbj_qGpuIh0Dbu2TWkVXKY0FOM/s320/01982_azureeye_1024x768.jpg" width="346" /></a>



0 comentarii:

Trimiteți un comentariu

 

De pe bloguri

Copyright

Creative Commons License

Situl Bloggerica este licenţiat printr-o Licenţă Creative Commons Atribuire-Necomercial-Fără Opere Derivate 3.0 România.
Bazată pe opera disponibilă la www.bloggerica.com

Bloggerica.com Copyright © 2009 Not Magazine 4 Column is Designed by Ipietoon Sponsored by Dezigntuts