Спешу удачу
Вам принести

< 2014 >

Создай свою визитку
аватар

Я Немного о себе Присягу перед Родиной выполнил и вышел в запас на гражданку. В свободное время увлекаюсь WEB-дизайном (для души). Создал сайт
для лиц старшего поколения и несколько блогов различной тематики. Всегда рад друзьям, новым знакомым и единомышленникам.
Пишите на email (обратная связь).

            

               
Не возможно "оживить" web-страницу без HTML и CSS.
Здесь я делюсь некоторыми хитростями по созданию WEB страниц,
в пользовании компьютером и заработка в интернете.
Показать содержание »»»

Слайды на сайт

СЛАЙД (англ. slide), то же, что диапозитив, т.е. фотографии поочередно представляются в виде отдельных кадров (пример):
Сразу оговорюсь, что в java я разбираюсь как заяц в арифметике, поэтому не буду умничать, а лишь представлю здесь инструменты для создания слайдов, которые мне, в свое время, прислали друзья, чтобы я мог использовать их на своем сайте.
Представленные ниже java скрипты и коды CSS необходимо расположить в файле между тегами HEAD:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://vvfed1.ucoz.com/mycss/bg-rotate-slide-up-js.js"></script>
<script type="text/javascript">
$(document).ready(function(){
mainImageFlow();
});
</script>
<style>
body{margin:0;padding:0;}
#mainImageBox{position:relative;height:400px;margin-top:5px;margin-bottom:5px;margin-left:1%;}
#mainImageBox img{float:left;position:absolute;margin:0;padding:0;border:1px solid #6a39b3;}
#mainImageBox img.show{z-index:100}
.snapShot{margin:0;padding:9px;left:0;position:absolute;top:0;z-index:0;}
#mainImageBox #subNavBox{position:absolute;z-index:100;top:1px;left:1px;width:520px;height:400px;}
</style>
Здесь нужно определить размеры блока, в котором представляются фотографии width:520px;height:400px; и установить или убрать обрамление border:1px solid #6a39b3;.
Следующие коды HTML следует установить на странице между тегами BODY, где будут проецироваться фото:

<div id="mainImageBox">
<img src="http://адрес фото.jpg" width="500" class="snapShot show" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
</div>
Здесь необходимо указать ссылки на фотографии "http://адрес фото.jpg" и их размер width="500".
Количество представляемых фото по желанию, они проецируются поочередно бесконечно, т.е. по окончании списка представление начинается с начала.

...Дерзайте...