Motanel Tutorials


 
AcasaAcasa  RegulamentRegulament  FAQFAQ  CautareCautare  MembriMembri  InregistrareInregistrare  ConectareConectare  

Mareste imaginea atunci cand dai click


Navigare :: Javascript/Jquery
AutorMesaj
 Rylled
avatar
Rang: Fondator

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Mareste imaginea atunci cand dai click Dum 14 Feb 2010 - 0:43
Pentru inceput va voi arata o mica demonstratie ca-sa stiti despre ce este vorba, insa atentie pentru a vedea efectul scriptului va rog sa folositi Mozilla FireFox si e posibil sa nu mearga din prima asa ca reincarcati pagina web de doua ori.


Pentru a realiza asa ceva, executati pasi dati mai jos.

________________________________________________________________________________

1. Descarcati aceasta arhiva cu extensia zip: Zoom_Image_On_Click_JavaScript.zip
Apoi dezarhivatio folosind WinRAR, daca nu aveti WinRAR o deschideti ca pe un folder, deoarece este o arhiva cu extenia zip.
In interiorul arhivei aveti asa:

2. Aceste documente le incarcati (upload) pe http://pmsc.free.fr , dar atentie pe site-ul respectiv selectati intai ce document doriti sa incarcati (upload):
CSS sau JS .

3. Apoi link-urile obtinute dupa incarcat (upload)

SI
Le puneti in codurile de mai jos in locurile indicate.
<link rel="stylesheet" href="LINK CSS" type="text/css"/>
<script src="LINK JS" type="text/javascript"></script>

Dupa ce ati inlocuit va trebuii sa arate asa:
<link rel="stylesheet" href="http://pmsc.free.fr/CSS02/1021485245.css" type="text/css"/>
<script src="http://pmsc.free.fr/J02/1021485022.js" type="text/javascript"></script>

4. Aceste doua coduri le puneti intr-o pagina HTML intre <head> si </head>, ca in aceasta imagine: http://i49.tinypic.com/1rx7d4.png

5. Acum folositi acest cod pentru imagini, unde este scris cu rosu puneti link-ul imagini, ce este scris cu verde este dimensiunea imagini atunci cand este mica.
<a href="LINK IMAGINE" "rel="thumbnail"><img src="LINK IMAGINE" width="100" height="100" border="0"/></a>
Exemplu
<a href="http://i45.tinypic.com/5yg67p.jpg" "rel="thumbnail"><img src="http://i45.tinypic.com/5yg67p.jpg" width="100" height="100" border="0"/></a>
Acest cod il puneti oriunde in pagina HTML si puteti pune cate imagini doriti numai ca trebuie sa schimbati link-urile imaginilor.

Exemplu: http://i50.tinypic.com/2wgssp3.png

________________________________________________________________________________

Pentru cei care nu stiu, aceste coduri pot fi puse si intr-un widget pe forum cat si pe portal asta daca sunt activate codurile HTML si ma refer la forumurile facute pe forumgratuit.
Daca codurile cu documentele CSS si JS sunt puse in descrierea forumului sau in index-ul forumului puteti pune imagini pe forum folosind codul pentru imagini, avand acelasi efect de zoom ca aici.
 kidztv
avatar
Rang: Membru - MT™


Vezi profilul utilizatorului
MesajSubiect: Re: Mareste imaginea atunci cand dai click Dum 14 Mar 2010 - 3:57
Super! Ms mult motanel!
 Rylled
avatar
Rang: Fondator

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Mareste imaginea atunci cand dai click Dum 14 Mar 2010 - 4:00
atentie la limbajul de chat, ca iei ban ;)
 Mr.Jok3r[;x]
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: Mareste imaginea atunci cand dai click Vin 26 Mar 2010 - 5:49
Sunt super.. nu e nici chiar cine stie ce.. dar bravo ;)
 Continut sponsorizat
Rang:


MesajSubiect: Re: Mareste imaginea atunci cand dai click



Copyright © 2013 - Toate drepturile rezervate
Design creat si codat de Alexandru Miron si Stefan Patrascu