Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá gente, novamente estou aqui querendo uma ajuda.
Eu tenho uma página produtos, e quero que quando a pessoa passar o mouse em cima da imagem, apareça uma div, em cima da respectiva imagem, com a escrita "Veja mais".
No entanto, não consegui controlar ela, está aparecendo em todos os produtos. Tentei fazer pelo id, mas também não consegui.
Javascript:
function sprodl() {
$('.prod_img').hover(
function () {
$('.prod_link').fadeIn('fast');
}, function() {
$('.prod_link').fadeOut('fast');
});
}
HTML:
<div class="prod_img" id="prod-<?php the_ID(); ?>">
<?php
if ( has_post_thumbnail()) {
echo '<a id="post-'.$post->ID.'" title="' . the_title_attribute('echo=0') . '">';
echo get_the_post_thumbnail($post->ID, 'feature');
echo '</a>';
}
?>
<div id="prod_link-<?php the_ID(); ?>" class="prod_link"><a href="<?php echo get_permalink(); ?>">Veja mais</a></div>Carregando comentários...