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:

  • Meniu orizontal cu text in miscare (MARQUEE) Un elegant meniu orizontal cu un text in miscare in partea superioara (se poate scrie un text de intimpinare sau orice alta informatie).A nu se uita! marimea de text, culorile de fond sau de text se pot adapta dupa desenul b… Read More
  • Tabele cu margini originaleIn acest post prezint cateva coduri pentru realizarea unor tabele cu anumite efecte.1. Tabel cu linie punctata, acesta este codul:<table style="BORDER: red 6pt dotted" width="200" border="0"><br /><br /><… Read More
  • Rotire imagine - un truc pentru blog-ul tauFolosind un truc simplu pentru a roti doua imagini într-un singur loc, doar cu mouse-ul, ca un efect de "roll-over". Întotdeauna pentru un asemenea efect avem nevoie de un script gazduit pe un hosting, de data acesta folosim… Read More
  • Legatura cu blogul tau prin intermediul unui WidgetCu această metodă oferi vizitatorilor tai un buton de legatura (link) intre blog-ul tu si al lor, el foloseste acelaşi sistem pentru a adăuga un widget în mod automat.1. Mai intai desenam un buton,daca nu ai timp atunci poti … Read More
  • Meniu vertical pentru blog sau site webPentru blogul tau un meniu vertical este bine venit dintr-un motiv bine cunoscut acela de a usura navegarea pe site a vizitatorilor. Meniul il poti plasa atat in partea stanga cat si in partea dreapta a pagini principale.Cop… 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