Azi este Vineri, 11 de Aprilie.2017

cu reduceri

Mareste o imagine - "efectul zoom"

Astazi vom vedea cum putem mări o imagine cu doar un singur clic şi în acelaşi post, fără a deschide o imagine completă în altă fereastră.
Pentru a face acest lucru, trebuie să urmezi acesti paşi:
Mergem la Aspect --> Editare HTML si cautam in sablon aceasta linie </head> si exact inaintea ei adaugi urmatorul cod:
<script type='text/javascript'>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,
iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
salveaza modificarile.

Ultimul pas este adaugarea datelor de mai jos intr-o postare sau unde doresi sa apara imaginea ce doresti sa fie marita:
<img src="URL_DE_LA_IMAGINE" width="100" height="100" onclick="zoomToggle('100px','100px','300px','300px',this);">
Inlocuieste URL_DE_LA_IMAGINE cu url-ul imagini dorite.
width="100" height="100" si '100px','100px','200px','200px'
reprezinta latimea si inaltimea imagini originale si dupa zoom,aceste date se pot schimba dupa nevoie.

un exemplu da un clic pe o imagine:

Related Posts:

  • O imagine diferita in fiecare zi din luna! Pentru toti ce doresc sa adauge pe blogul lor o imagine diferita in fiecare zi in mod automat, pot utiliza un script ce functioneaza perfect in sbloanele de blogger.Codul se poate adauga in urmatorul fel: mergi la Desing --… Read More
  • Imagini la intimplare Acest cod este foarte simplu de adaugat intr-un gadget pe blog, ne ajuta sa folosim o imagine diferita ori de cate ori incarcam pagina de blog, cu alte cuvinte (Imaginea va fi diferit de fiecare dată cand intri pe blog) Cu… Read More
  • Adauga data pe blog in formatul textPoti adauga pe blog data (ziua.luna si anul) in formatul text cu un simplu script. Cand spun format text ma refer la aparitia datei exact cum ai scrie un text si se vede asa:Azi este Duminica - 14/02/2010Data din acest exempl… Read More
  • Editor HTML online cu vizualizare instantaneeInstant HTML este o aplicatie simpla cu care putem scrie HTML şi de a afişa rezultatele instantaneu (WYSIWYG).Editor functioneaza în orice moment în timp real, astfel încât să putem vedea documentul rezultat in timp ce scriem… Read More
  • Meniu vertical - clase CSSAdaug azi un nou meniu vertical folosind clase CSS, acesta utilizeaza o imagine de fond unica pentru a realiza 3 efecte diferite.Pentru incorporarea lui intr-un blog se respecta urmatori pasi:1. Copiaeza urmatoarea imagine in… Read More

2 comentarios:

  1. Buna ziua ,detin mai multe site-uri de divertisment si as dori sa va fac o propunere . Va adaug linkul pe site-ul jocuri-joculete.org page rank 3 ,in schimbul linkului jocuri-masini.in Jocuri cu masini pe site-ul d-voastra . Astept raspunsul d-voastra . Va multumesc .

    RăspundețiȘtergere
  2. Salut George nu se accepta decat link direct.

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc