Jump to content
uzzylik

Afisare text cand fac mouseover la o imagine

Recommended Posts

Salutare.

Imi poate spune cineva va rog cum as putea adauga pe pagina produsului sub short description cateva imagini cu "livrare rapida", "banii inapoi 100%", etc, iar la mouseover sa apara text suplimentar cu detalii despre acel aspect.

 

1.PNG

 

iar la mouse over

2.png

 

 

3.png

 

Multumesc mult !!!

Share this post


Link to post
Share on other sites

Trebuie sa editezi fisierul product.tpl din folderul temei.Trebuie sa iti selectezi zona in linia de cod si acolo sa iti introduci pozele si pe fiecare poza ai nevoie de un javascript de afisare pentru mouse over.Nu uita sa iei in calcul si faptul ca la mouse out trebuie sa dispara textul.Daca nu adaugi si mouse out o sa iti ramana textul acolo si nu va mai disparea.Ca si sfat poti utiliza bootstrap pentru a nu avea probleme pe telefoane cu afisarea.

Share this post


Link to post
Share on other sites

Am mai gasit cateva articole unde am citit, insa nu am gasit nicaieri javascript-ul necesar. 

Share this post


Link to post
Share on other sites

As putea dar din pacate sunt incepator, nu ma pricep prea bine. As fi recunoscator daca ar avea cineva un script gata facut in css.

Multumesc mult

Share this post


Link to post
Share on other sites

da ca se poate si pe gratis, ca el a pierdut timpul degeaba invatand ;)

hai sa fim seriosi, forumul este pentru a ajuta, la o impodmolire, de a te scoate di incurcatura, nu a aface in locul altuia pe gratis, ok nu cer bani dar cer o carcasa de porc de 100 Kg :D, si asta e un ajutor pentru mine :D

  • Like 1

Share this post


Link to post
Share on other sites

Scuze pentru intarziere, am fost priins cu una alta. Iti atasez mai jos scriptul pe care il poti folosi.Cum am spus si mai sus trebuie sa ti cont si de faptul ca in momentul in care parasesti zona respectiva poza trebuie sa revina pe prima pozitie.Ai aici tot ce trebuie:

 

<a href="http://site.ro
onMouseOver="document.MyImage1.src='http://site.ro/imagini/imagine2';" 
onMouseOut="document.MyImage1.src='http://site.ro/imagini/imagine.jpg';"> 
<img src="http://site.ro/imagini/imagine.jpg" name="MyImage1"> 
        </a>
Daca vrei sa utilizezi scriptul de mai multe ori cu continut diferit modifica doar MyImage1 in MyImage2 si tot asa.Daca ai intrebari nu evita.
 
Bafta.
 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More