Я хотел бы загрузить небольшое изображение временно при первой загрузке страницы, аналогично изображению перетаскивания и прокрутки, показанному на этом веб-сайте. http://www.demodern.de/". Оно должно отображаться и исчезать, как видно на указанном веб-сайте. Это может быть очень просто, но я действительно борюсь с этим!
<script type="text/javascript">
$(function() {
$('#viewport, #header_viewport').
scrollsync({targetSelector: '#viewport', axis : 'x'});
$('#viewport, #inner').
dragscrollable({dragSelector: '.dragger:first', acceptPropagatedEvent: false});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="main">
<div id="viewport" class="dragger">
<div id="base" class="dragger" style="background- image:url('images/battery.jpg');">
</div>
</div>
</div>
</div>
</body>