Salutare! Salutare! Am folosit cea mai bună exprimare în featured pic, nu? :)))
Voi continua șirul de articole cu soluții simple și practice pentru oameni care se mai dau cu capul de lucruri aparent simple.
Dacă doriți cândva să faceți cândva în viața voastră un div peste care să puneți un link, ați găsit unul din ACELE TUTORIALE!
Am folosit metoda aceasta atât pentru un site de prezentare cu foarte multe elemente de design intercalate, cât și pentru un magazin online. La shop s-au făcut ceva prezentări stufoase de produs și au dorit cei de acolo câteva astfel de divuri.
Bun! Păi, facem prima dată un div cu ceva conținut în el.
<div class="clasaDiv"> Ceva content pentru acest div. Da, putem pune poze, putem cosmetiza divul prin CSS etc. </div>
Apoi, folosind JavaScript punem un link “deasupra” divului.
jQuery(document).ready(function() {
jQuery('.clasaDiv').each(function() {
var callout_link = jQuery(this).find('a').first().attr('href');
callout_target = jQuery(this).find('a').first().attr('target');
jQuery(this).wrapInne<r('<a href="http://url"></a>');
jQuery(this).find('a').first().attr({href:callout_link,target:callout_target});
});
});
Sper să fie de folos 🙂 Succes!
