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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

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