Форум программистов, компьютерный форум, киберфорум
Web-дизайн
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
Chacky
1

Дизайн сайта

22.02.2011, 15:45. Просмотров 1571. Ответов 4
Метки нет (Все метки)

Как реализовать следующее:
Имеется сайт, белый прямоугольник - основная колонка
красный прямоугольник - зафиксированная часть шапки
http://content.foto.mail.ru/mail/2010vadim/_answers/i-85.jpg

как сделать так, чтобы при нажатии на стрелки, части шапки 1 и 2 как бы перелистывались, и при этом также сменялись столбцы, каждый из них привязан к своей шапке.

Например, если имеется три таких элемента, при нажатии кнопки например вправо, сайт примет такой вид
http://content.foto.mail.ru/mail/2010vadim/_answers/i-86.jpg


если ещё раз нажать вправо, то элементы дальше пойдут дальше по кругу
http://content.foto.mail.ru/mail/2010vadim/_answers/i-87.jpg


Подскажите пожалуйста, как такое реализовать, желательно по подробней (делаю в Adobe Dreamweaver CS5).
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
22.02.2011, 15:45
Ответы с готовыми решениями:

Дизайн сайта
Доброго времени суток! Я работаю над дизайном университетского сайта. Он еще очень сырок, многое...

Дизайн сайта
Ребят оцените дизайн. Что нужно доработать? Заранее спасибо.

Дизайн сайта
помогите с дизайоном, что лучше убрать или подправить ??

дизайн сайта
начинаю делать электронный учебник(полный исходник в архиве),делаю в виде сайта,посоветуйте что...

4
2 / 1 / 0
Регистрация: 02.03.2011
Сообщений: 6
03.03.2011, 00:25 2
ты где такое видел? мне даже самому интересно как это реализовать...
конешно упростить ситуацию можно обычными ссылками)
0
188 / 172 / 12
Регистрация: 04.09.2010
Сообщений: 656
03.03.2011, 00:43 3
просто налагаете все эти элементы друг на друга, а при наведении или нажатии стрелки меняете их z-index.
0
0 / 0 / 0
Регистрация: 06.02.2011
Сообщений: 10
16.03.2011, 00:02 4
куда проще реализовать это на jquery и будет куда интереснее.
0
1 / 1 / 0
Регистрация: 16.03.2011
Сообщений: 28
21.03.2011, 19:38 5
Тут необходимо применить javascript, вот как бы сделал я:
каждая шапка отдельное изображение и по нажатию на ссылку/картинку шапки (изображения) перелистываются, менятся они могут вперед и назад, вот скрипт одной галлереи с подобными задачами, немного измените его и адаптируйте под графическую оболочку (думаю это будет не сложно)

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script LANGUAGE="JavaScript">
<!--
 
var imgArray = new Array("start.gif", ...);
var descArray = new Array("Intro Page", ...);
var imgDir = "";
var pos = 0;
// initial images (pre-load)
if (document.images) {
for (i=0; i<imgArray.length; i++) {
eval("imgObj" + i + "= new Image()");
eval("imgObj" + i + ".src = '" + imgDir + imgArray[i] + "'");
}
} 
 
 
function toPrevious() {
 
if (pos == 0) { pos = imgArray.length - 1; }
else { pos = pos - 1 };
 
eval("document.vvr.src = imgObj"+pos+".src");
document.theForm.desc.value = descArray[pos]; 
}
 
function toNext() {
 
if (pos == imgArray.length - 1) { pos = 0; }
else { pos = pos + 1; }
 
eval("document.vvr.src = imgObj"+pos+".src");
    document.theForm.desc.value = descArray[pos];
}
 
 
//-->
</script>
думаю раскрыл тему =)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.03.2011, 19:38

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

дизайн сайта!!
Может кто нибуть нарисовать дизайн сайта msun radio морское радио??

Оцените дизайн сайта
Я новичок в создании и дизайне веб-сайтов, посоветуйте пожалуйста, что не так в дизайне, критика...

Простейший дизайн сайта
Всем привет! Думаю кто-нибудь да и сталкивался с таким заказчиком как у меня. Заказчик:...

Дизайн для сайта
Здравствуйте веб мастера ктоб смогбы нарисовать макет сайта за отзыв. Мне только нада Главная...

Оцените дизайн сайта
Всем доброго времени суток! Хочу поинтересоваться, хорош ли дизайн на ваш взгляд? Приятна ли...

Адаптивный дизайн сайта
Доброго времени суток посоветуйте как сделать адаптивный дизайн сайта? Штобы ништо не сползало и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.