Парни, всем здравствуйте, вы тут мастера иллюзий я все понимаю.. И надеюсь на вашу поддержку.
Я не прогер, пишу сайты прогами,
В кодах непонимаю, ну сам аписать не напишу, а вот по эксперементировать могу..
Скачал плагин с скроллингом.
Изначально было три страници, я даже разобрался как добавить следующие))) Представляете))
В общем проблема в том что не могу никак понять как и что сделать что бы вместо цвета левой и правой половины, я МОГ ВСТАВИТЬ ИЗОБРАЖЕНИЕ,
Помогите пожалуйста..
Да код чужой, но вы все таки профи и хоть чтото понимаете, а я в этих цсс и скриптах...Оуу...
Вот сам проэкт -
http://alvarotrigo.com/multiScroll/
Вот это страница
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>multiscroll.js - split multi-scrolling pages plugin</title>
<meta name="author" content="Alvaro Trigo Lopez" />
<meta name="description" content="multiscroll plugin by Alvaro Trigo. Create divided multi-scrolling pages with two splited vertical layouts or panels." />
<meta name="keywords" content="multiscroll,jquery,alvaro,trigo,plugin,divided,splitscreen,screen,panels,layouts,vertical,split,splited" />
<meta name="Resource-type" content="Document" />
<link rel="stylesheet" type="text/css" href="jquery.multiscroll.css" />
<link rel="stylesheet" type="text/css" href="examples.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="../vendors/jquery.easings.min.js"></script>
<script type="text/javascript" src="../jquery.multiscroll.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#myContainer').multiscroll({
sectionsColor: ['#C63D0F', '#1BBC9B', '#7E8F7C'],
anchors: ['first', 'second', 'third'],
menu: '#menu',
css3: true
});
});
</script>
<style>
h1{
color: #fff;
}
</style>
</head>
<body>
<ul id="menu">
<li data-menuanchor="first"><a href="#first">First slide</a></li>
<li data-menuanchor="second"><a href="#second">Second slide</a></li>
<li data-menuanchor="third"><a href="#third">Third slide</a></li>
</ul>
<div id="myContainer">
<div class="ms-left">
<div class="ms-section" id="left1">
<h1>Left 1</h1>
</div>
<div class="ms-section" id="left2">
<h1>Left 2 </h1>
</div>
<div class="ms-section" id="left3">
<h1>Left 3</h1>
</div>
</div>
<div class="ms-right">
<div class="ms-section" id="right1">
<h1>Right 1</h1>
</div>
<div class="ms-section" id="right2">
<h1>Right 2</h1>
</div>
<div class="ms-section" id="right3">
<h1>Right 3</h1>
</div>
</div>
</div>
</body>
</html>
Вот это файлы ссылающиеся в странице, ну на который ссылаются.. Прикрепил.