2017

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:

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