qweb.ro - webdesign blog


Tipareste

Inlocuieste titlurile din pagina cu imagini

Octombrie 28, 2008 | Scris de Adrian | Legatura permanenta | vizite 719

jQIR (jQuery Image Replacement) - inlocuieste textul din pagina cu imagine.
Descarca codul sursa.

Parametrii:
- format (formatul imaginii, ex: png, gif, jpg);
- path (optional, calea catre directorul imagini);
- onload (optional, eveniment dupa incarcarea imaginii);

Exemplu:
Textele si heading-urile de inlocuit cu imagini.

<h1 id="heading1" class="jqir">Heading 1</h1>
<h2 class="jqir {src:heading2.png}">Heading 2</h2>
<h3 id="heading3" class="jqir">
  <a href="http://jquery.com">Heading 3</a>
</h3>

Codul javascript:

$(".jqir").jQIR("png", "images/");

Rezultatul va fi:

<h1 id="heading1" class="jqir">
  <img alt="Heading 1" src="images/heading1.png">
</h1>
<h2 class="jqir {src:heading2.png}">
  <img alt="Heading 2" src="images/heading2.png">
</h2>
<h3 id="heading3" class="jqir">
  <a href="http://jquery.com">
    <img alt="Heading 3" src="images/heading3.png">
  </a>
</h3>

Ti-a placut ce ai citit? Aboneza-te prin RSS


©2012 qweb.ro - platforma: Wordpress

Aboneaza-te prin RSS
Web Hosting

Publicitate

Cele mai populare

Ultimele aparute