Mam kod uzyskany z poprzedniego tematu
Kod robi takie coś po najechaniu myszką na zdjęcie pokazuje opcje itp
Kod
Kod
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
<script>
$(function($)
{
$('div#divv').mouseover(function()
{
$('div#options').stop().animate({opacity: '+=0.9'}, 500);
$('div#options').addClass('active');
}).mouseout(function()
{
$('div#options').stop().animate({opacity: '-=0.9'}, 1);
$('div#options').removeClass('active');
});
});
</script>
<style>
div#divv {
position:relative;
width:350px;
}
div#options {
position:absolute;
bottom:0px;
background:rgba(0,0,0,.3);
padding:2px;
margin:5px;
color:#fff;
display:none;
float:left;
opacity: 0.0;
}
div.active {
display:block!important;
}
</style>
<div id="divv">
<img src="http://lfs-driver.pl/image/425/xf_volkswagen_golf_mk2_gt_v11/" />
<div id="options">ZOOM | Cokolwiek | Najedz myszką tutaj</div>
</div>
<script>
$(function($)
{
$('div#divv').mouseover(function()
{
$('div#options').stop().animate({opacity: '+=0.9'}, 500);
$('div#options').addClass('active');
}).mouseout(function()
{
$('div#options').stop().animate({opacity: '-=0.9'}, 1);
$('div#options').removeClass('active');
});
});
</script>
<style>
div#divv {
position:relative;
width:350px;
}
div#options {
position:absolute;
bottom:0px;
background:rgba(0,0,0,.3);
padding:2px;
margin:5px;
color:#fff;
display:none;
float:left;
opacity: 0.0;
}
div.active {
display:block!important;
}
</style>
<div id="divv">
<img src="http://lfs-driver.pl/image/425/xf_volkswagen_golf_mk2_gt_v11/" />
<div id="options">ZOOM | Cokolwiek | Najedz myszką tutaj</div>
</div>
dręczy mnie jeszcze coś chciałem ten skrypt wykorzystać do tego że jak myszką najadę na artykuł na stronie to żeby były wyświetlane komentarze dokładnie ilość komentarzy ale jak biorę to robię i najadę myszką na pierwszy wpis to u wszystkich innych też się pojawia ilość komentarzy czemu tak nie da się jakoś id przypisać osobno tak żeby była ilość komentarzy tylko tam gdzie najadę myszką
Wie ktoś jak to zrobić
dzięki