WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
05 Декабрь 2016, 12:27:04 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
Ищу копирайтера на постоянную работу. Тематика: цветы, сад, огород от Violet-Lady (Ищу копирайтера, редактора, контент-менеджера)
Re: Интересные статьи из буржунета (переводы) + Рерайтинг + Копирайтинг от semnat (Контент, копирайтинг, переводы)
Re: Партнерка Vsemayki.ru - 25% с продаж. Отличный конверт 1 к 20 от vsemaykiadmin (CPA-сети)
Доска объявлений версии 2.2 от Diana101 (Сайты)
Re: Дизайн от новичка от LanaSvetNik (Дизайн)
Онлайн-консультант Jivosite со скидкой до 20% от KeyWebRu (Хостинг)
Создать тест-опрос в Гугл Документах (или ваш вариант) от Anonyff (Работа и услуги)
Re: AdBean - Бобовая тизерная сеть. Новостные и товарные тизеры. До 90% отчислений! от AdBean (Реклама и доход)
Re: Подарю, продам или сдам в аренду домены от June (Домены)
Автоматизация Яндекс Директ + возврат 8% от рекламного бюджета. от Александр_26 (Полезное)
Re: Quick Sender - Комбайн для продвижения в ВКонтакте от Dima_Myrzich (Социальные сети)
Re: Марафон Спарта от Пузата - Почему я иду от Katelite (Обучение сайтостроению, SEO и заработку)
Re: Чистенький женский СДЛ. Размещение в авто от uckpa (Платное размещение статей и ссылок)
Re: [Анонс] Программа для группировки ключевых слов KeyAssort от KeyAssort (Сервисы и SEO программы)
Re: Имеют ли вес покупные ссылки при теперешних правилах Яндекса от Lina7 (Раскрутка сайтов в поисковиках)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

Тема: Нужна помощь со скриптом  (Прочитано 1650 раз)

0 Пользователей и 1 Гость смотрят эту тему.
Каралина
Offline Offline

Пол: Женский
Сообщений: 666


Улыбнись! и все получится)


Просмотр профиля WWW
« : 27 Август 2012, 20:14:11 »

Привет всем! Нужна помощь, т.к. скрипты для меня вообще темный лес  стеснительный

Есть вот такой скрипт (автоматическая смена картинок)
Код:
<style type="text/css">
#rand_box{position:relative;height:474px;overflow:hidden;}
#rand_bg_1,#rand_bg{position: absolute;left:0;top:0;height:474px;width:100%;}
</style>

<div id="rand_bg" style="height:474px;background:url(http://www.faberlic-city.ru/glav/1.png) repeat 0% 0%;">&nbsp;</div>
<script type="text/javascript">
function showImg(){
var imgBg=new Array()
imgBg[0]='http://www.faberlic-city.ru/glav/1.png';
imgBg[1]='http://www.faberlic-city.ru/glav/11.png';
imgBg[3]='http://www.faberlic-city.ru/glav/3.png';
imgBg[4]='http://www.faberlic-city.ru/glav/4.png';
var u=imgBg[Math.floor(Math.random()*imgBg.length)],c=new Image();c.src=u,obj=$('#rand_bg'),obj1=$('#rand_bg').clone().attr('id','rand_bg_1').css('opacity','0');
if(!document.getElementById('rand_box')){obj.wrap('<div id="rand_box" />').after(obj1);}var obj1=$('#rand_bg_1');
var changeBg=function(){
 if(obj.css('opacity')==0){
 obj1.animate({opacity:'0'},1000);
 obj.css('background','url('+u+') repeat 0% 0%').animate({opacity:'1'},1000);
 }else{
 obj.animate({opacity:'0'},1000);
 obj1.css('background','url('+u+') repeat 0% 0%').animate({opacity:'1'},1000);
}};
if(!c.complete){c.onload=function(){changeBg();}
}else{changeBg();}setTimeout('showImg()',4000);
};showImg();
</script>

И у меня два вопроса:
1. Как прописать, чтобы картинки были ссылкой
2. Как сделать, чтобы картинки показывались по очереди, а не случайно? Или что бы одна и та же картинка два раза подряд не показывалась
Записан

Счастливые мысли -> Ощущение счастья -> Счастливая жизнь!
GoodShadow
Offline Offline

Пол: Женский
Сообщений: 460


Мур мур :3


Просмотр профиля
« Ответ #1 : 28 Август 2012, 14:48:43 »

Привет всем! Нужна помощь, т.к. скрипты для меня вообще темный лес  стеснительный

Есть вот такой скрипт (автоматическая смена картинок)
Код:
<style type="text/css">
#rand_box{position:relative;height:474px;overflow:hidden;}
#rand_bg_1,#rand_bg{position: absolute;left:0;top:0;height:474px;width:100%;}
</style>

<div id="rand_bg" style="height:474px;background:url(http://www.faberlic-city.ru/glav/1.png) repeat 0% 0%;">&nbsp;</div>
<script type="text/javascript">
function showImg(){
var imgBg=new Array()
imgBg[0]='http://www.faberlic-city.ru/glav/1.png';
imgBg[1]='http://www.faberlic-city.ru/glav/11.png';
imgBg[3]='http://www.faberlic-city.ru/glav/3.png';
imgBg[4]='http://www.faberlic-city.ru/glav/4.png';
var u=imgBg[Math.floor(Math.random()*imgBg.length)],c=new Image();c.src=u,obj=$('#rand_bg'),obj1=$('#rand_bg').clone().attr('id','rand_bg_1').css('opacity','0');
if(!document.getElementById('rand_box')){obj.wrap('<div id="rand_box" />').after(obj1);}var obj1=$('#rand_bg_1');
var changeBg=function(){
 if(obj.css('opacity')==0){
 obj1.animate({opacity:'0'},1000);
 obj.css('background','url('+u+') repeat 0% 0%').animate({opacity:'1'},1000);
 }else{
 obj.animate({opacity:'0'},1000);
 obj1.css('background','url('+u+') repeat 0% 0%').animate({opacity:'1'},1000);
}};
if(!c.complete){c.onload=function(){changeBg();}
}else{changeBg();}setTimeout('showImg()',4000);
};showImg();
</script>

И у меня два вопроса:
1. Как прописать, чтобы картинки были ссылкой
2. Как сделать, чтобы картинки показывались по очереди, а не случайно? Или что бы одна и та же картинка два раза подряд не показывалась


Цитировать
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Простая замена картинок с помощью JQuery</title>
 
<style type="text/css">
div#rotator {position:relative; height:150px; margin-left: 15px;}
div#rotator ul li {float:left; position:absolute; list-style: none;}
div#rotator ul li.show {z-index:500;}
</style>
 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
 
<!-- Автор Dylan Wagstaff, http://www.alohatechsupport.net -->
<script type="text/javascript">
 
function theRotator() {
   // Устанавливаем прозрачность всех картинок в 0
   $('div#rotator ul li').css({opacity: 0.0});
 
   // Берем первую картинку и показываем ее (по пути включаем полную видимость)
   $('div#rotator ul li:first').css({opacity: 1.0});
 
   // Вызываем функцию rotate для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
   setInterval('rotate()',5000);
}
 
function rotate() {   
   // Берем первую картинку
   var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));
 
   // Берем следующую картинку, когда дойдем до последней начинаем с начала
   var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));   
 
   // Расскомментируйте, чтобы показвать картинки в случайном порядке
   // var sibs = current.siblings();
   // var rndNum = Math.floor(Math.random() * sibs.length );
   // var next = $( sibs[ rndNum ] );
 
   // Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
   next.css({opacity: 0.0})
   .addClass('show')
   .animate({opacity: 1.0}, 1000);
 
   // Прячем текущую картинку
   current.animate({opacity: 0.0}, 1000)
   .removeClass('show');
};
 
$(document).ready(function() {      
   // Запускаем слайдшоу
   theRotator();
});
 
</script>
 
</head>
<body>
 
<div id="rotator">
  <ul>
    <li class="show"><a href="http://google.ru/"><img src="images/image-1.jpg" width="500" height="313"  alt="pic1" /></a></li>
    <li><a href="http://yandex.ru/"><img src="images/image-2.jpg" width="500" height="313"  alt="pic2" /></a></li>
    <li><a href="http://nigma.ru/"><img src="images/image-3.jpg" width="500" height="313"  alt="pic3" /></a></li>
  </ul>
</div>
 
</body>
</html>
Записан

skype: goodsh_love
Каралина
Offline Offline

Пол: Женский
Сообщений: 666


Улыбнись! и все получится)


Просмотр профиля WWW
« Ответ #2 : 28 Август 2012, 23:08:24 »

GoodShadow, благодарю!  Целующий
Записан

Счастливые мысли -> Ощущение счастья -> Счастливая жизнь!
Страниц: 1
  Печать  
 
Перейти в:  

| Sitemap