Tak som hľadal a našiel som že by sa to dalo spraviť cez JS (a išlo by to v každóm prehľiadači). Keďže mi sme ešte JS v škole nebrali (až školský rok) tak potreboal by som poradiť.
Kód (ospravedlnujem sa za to že som to vložil do CODE):
HTML
Kód: Vybrat vše
<a href="index.html" class="work_one" alt="one" title="one"></a>
CSS
Kód: Vybrat vše
.work_one{width:300px;
height:250px;
background-image:url(images/1.png);
float:left;
margin: 30 0 0 0;
}
.work_one:hover{width:300px;
height:250px;
background-image:url(images/1.png);
float:left;
margin: 30 0 0 0;
}
JS
Kód: Vybrat vše
$(document).ready(function (){ $(".prve a").mouseenter(function (){ $(this).animate({opacity: 1}); }); $(".prve a").mouseleave(function (){ $(this).animate({opacity: 0.3}); }); });
Do hltml som našiel že mám dať:
<script src="js/jquery-1.10.1.js" type="text/javascript"></script> <script src="js/script.js" type="text/javascript"></script>
Bohužial neviem kde. Mám ho dať do body, pod head, pod title.....
Keď mám ten JS mám ho linkovať ako html na CSS alebo to sa na JS nemusí?
Musím niečo v JS prepísať aby mi našlo obrázok.
Ďakujem za každú radu.