NevesOma
Администратор
И так,новый мануал от hardOK!
В этом мануале можно научиться делать плавную смену изображения при наведении и используя для этого JavaScript.
Теперь,первое что нужно сделать это создать к примеру файлик hardOKimages.js в котором должен присутствовать данный код:
HTML:
$(document).ready(function(e){
var elhover =$('#hardOKimage a')
$(elhover)
.append('<div class="fake-hover"></div>').each(function() {
var $shover = $('> .fake-hover', this).css('opacity', '0');
$(this).hover(function () {
$shover.stop().fadeTo(400, 1);
}, function () {
$shover.stop().fadeTo(400, 0);
});
});
});Потом нам потребуется подключить JS скрипт к сайту,берем и заливаем наш файлик hardOKimages.js в папку js на хостинг
Потом между
HTML:
<head>
</head>
HTML:
<script src="js/hardOKimages.js" type="text/javascript"></script>
HTML:
<head>
</head>
HTML:
<style type="text/css">
#images {
background-image: url('hardOKimage/hardIMG.png');
width:1050px;
height:1015px;
display:block;
}
#images .shover{
background-image: url('hardOKimage/hardIMG_IMG.png');
width:1050px;
height:1015px;
}
</style>Теперь в удобное нам место на сайте /html, tpl/ нужно добавить это:
HTML:
<div id="hardOKimage">
<a href="index.php" title="Изображение!"></a>
</div>Вот и все,спасибо за внимание
