Разные Мелочи PNG

Внимание!Сайт effects1.ru - ЗАКОНЧИЛ переезд на новую площадку.

Меню сайта

Книга отзывов

Расписание уроков Для бракосочетания Приглашение день рождения Бланк напоминания дел на неделю Бланк приглашения на юбилей Готовый бланк календаря на месяц,год Пригласительный на выпускной

Для фотошопа.

Надписи.

Поздравления открытки

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Понравился сайт?
Поддержи его!

интересные новости на сайте

Главная » Коды » HTML коды и скрипты »

Готовые коды скрипты для картинок

слайд шоу для изображений

Слайд-шоу «карусель».
Применяем только чётное
количество картинок.
При помощи скрипта Javascript
можно листать рисунки с гиперссылками.
Остановка изображения при
наведении курсора мыши.
Регулируем время движения и
количество показываемых изображений
(ИСПОЛЬЗУЕМ ТОЛЬКО ЧЁТНОЕ
КОЛИЧЕСТВО КАРТИНОК).
Изменяем размер показываемой картинки
в тегах Width, Height

Прозрачный файл fonpng.png НУЖЕН.
Указать обязательно в body:
body onload="Carousel()"
Копируем и вставляем код в свою веб-страницу
в необходимое место.

Пример скрипта

Копировать код:

<script type="text/javascript">

// 7 variables to control behavior
var Car_Image_Width=200;
var Car_Image_Height=150;
var Car_Border=true; // true or false
var Car_Border_Color="red";
var Car_Speed=3;
var Car_Direction=true; // true or false
var Car_NoOfSides=6; // must be 4, 6, 8 or 12

Car_Image_Sources=new Array(
"http://effects1.ru/pozdrav/9-maja/1/18-9-maja-300.gif","http://effects1.ru",
"http://effects1.ru/pozdrav/pervoe_maja/1/1_maja_14-500.png","http://effects1.ru/load/55",
"http://effects1.ru/Animacija/kaminy/1/1/2-kamin-200.gif","http://effects1.ru/index/0-108", 
"http://effects1.ru/pozdrav/rozhdestvo/1/rozhdestvenskaja-4-500.jpg","http://effects1.ru/load/99" 
);

/***************** Редактировать нельзя **********************************/
CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
C_Coef=new Array(
3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
C_pre_Img=new Array(Car_Image_Sources.length);
var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function Carousel(){
if(document.getElementById){
for(i=0;i<Car_Image_Sources.length;i+=2){
C_pre_Img[i]=new Image();C_pre_Img[i].src=Car_Image_Sources[i]}
C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
Car_Div=document.getElementById("Carousel");
for(i=0;i<C_HalfNo;i++){
CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);
CW_I[i].style.position="absolute";
CW_I[i].style.top=0+"px";
CW_I[i].style.height=Car_Image_Height+"px";
if(Car_Border){
CW_I[i].style.borderStyle="solid";
CW_I[i].style.borderWidth=1+"px";
CW_I[i].style.borderColor=Car_Border_Color}
CW_I[i].src=Car_Image_Sources[2*i];
CW_I[i].lnk=Car_Image_Sources[2*i+1];
CW_I[i].onclick=C_LdLnk;
CW_I[i].onmouseover=C_Stp;
CW_I[i].onmouseout=C_Rstrt}
CarImages()}}

function CarImages(){
if(!C_Stppd){
C_TotalW=0;
for(i=0;i<C_HalfNo;i++){
C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
C_TotalW+=C_ClcW[i]}
C_LeftOffset=(C_MaxW-C_TotalW)/2;
for(i=0;i<C_HalfNo;i++){
CW_I[i].style.left=C_LeftOffset+"px";
CW_I[i].style.width=C_ClcW[i]+"px";
C_LeftOffset+=C_ClcW[i]}
C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
if(Car_Direction){
CW_I[C_HalfNo]=CW_I[0];
for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
CW_I[0]=CW_I[C_HalfNo];
CW_I[0].src=Car_Image_Sources[C_CrImg];
CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
setTimeout("CarImages()",50)}

function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
</script>

<div id="Carousel" style="position:relative">
<img src="http://effects1.ru/glavnaja-1/fon/fonpng.png" width="200" height="150" border=0>
</div>

1
2
3
4
5

Категория: Готовые коды скрипты для картинок | Добавил: ja-dyadya (25.05.2013)

Просмотров: 8015 | Теги: эффекты с картинками, коды для картинок | Рейтинг: 5.0/3

Всего комментариев: 0

Copyright MyCorp © 2024

Категории.

Отрывки мультиков.

Анимация

Главная
Оставить отзыв
Обратная связь
Карта сайта

Наборы картинок без фона
Футажи
женские имена png
Имена мужские png
Надписи
Стихи в красивом оформлении

HTML коды
Коды для текста
Рамки с кодом
Генератор для HTML страниц

Изображения png
Текстуры
Открытка к празднику
Анимации

effects1.ru

При создании сайта effects1.ru были спользованы материалы из открытых источников свободного доступа в сети Интернет. Все авторские права на тексты стихов и эллементы картинок png, принадлежат их авторам. Сайт не претендует на авторство стихов (текс которых был использован при изготовлении открыток) и фрагментов изображений , за исключением авторских работ.

При копировании материалов ссылка на effects1.ru обязательна.

Карта сайта

Надписи PNG

Обои разные темы

Регистрация

Понедельник, 20.05.2024, 16:33

Приветствую Вас, Гость · RSS

Бесплатный конструктор сайтов - uCoz