X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как добавить ссылки?
sikwel_hb
sikwel_hb
Topic Starter сообщение 28.2.2010, 19:27; Ответить: sikwel_hb
Сообщение #1


Здравствуйте, умные люди.

Посоветовали мне хорошие люди на этом форуме кодик, для радномной смены рисунков, нужно к этому скриптику прикрутить еще и ссылку с разным, для каждой картинки своим урлом, чтобы они были кликабельны.

Т.е. тег имж мы еще должны обернуть ссылкой и этой ссылке присвоить урл соответствующий картинке из массива.

Думаю что нужно как-то двумерный массив сделать, в котором путь к картинке будет соответствовать урлу для ссылки, но вот как это все оформить в рамках данного решения не могу додуматься:rolleyes:

[PHP]var images= new Array('images/big/big-1.jpg','images/big/big-2.jpg','images/big/big-3.jpg','images/big/big-4.jpg','images/big/big-5.jpg');
var pic_old='images/big/big-1.jpg';
var pic='images/big/big-1.jpg';


function start_show(){
el=$('.pic').get();
$(el).fadeOut(700,function(){
$(el).attr('src',images[Math.floor(Math.random()*images.length)]);
$(el).fadeIn(700,function(){
while (pic==pic_old)
pic = images[Math.floor(Math.random()*images.length)];
});
});
pic_old=pic;
setTimeout('start_show()',100000);
}
$(document).ready(function(){
start_show();
});[/PHP]

<div id="random-image-container">
<img src="images/big/big-1.jpg" class="pic" >
</div>


темка где мне помогали вот:http://www.html.by/showthread.php?t=9985
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 28.2.2010, 21:02; Ответить: ZhukV
Сообщение #2


Во первых, если ты пишеш ява код, то не тули его в пхп.
Я вообще не могу понять, как это сделано. Для этого нужно намного меньше кода!!!

До этого кода никак у тя не получится, либо я такой уже пллуг.

На мой взгляд, для начала пропишы контейнер, в котором будут находтся картинки

<div id="picture"></div>


Ну потом идет в ход ява скрипт
Для начала массивы всех даных
var picture=Array('1.jpg','2.jpg')
var href=Array('1.html','2.html')


Ну теперь код смены изображений

function rPicture(){
num=Math.floor(Math.random()*images.length);
jQuery('#picture').html('M<a href="'+href[num]+'"><img src="'+picture[num]+'"</a>');
}

Ну а прикрепить событие, это не поблема

<a href="#" onclick="rPicture()">123</a>


Писал быстро, могут быть ошибки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 2.3.2010, 17:08; Ответить: sikwel_hb
Сообщение #3


Блин, посмотри по ссылке, ты же там тоже мне советовал по этому скрипту)

просто надо еще к нему добавить урлы к ссылкам чтобы они соответствовали картинке.

там спена рисунков происходит с эффектом джейкверевским, просиходит она через определенный интервал. просто нужно чтобы в ссылу, которая будет окружать изображение вставлялся урл соответствующий картинке, как я и написал выше (:

помогите разобраться люди добрые:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 2.3.2010, 20:07; Ответить: Letmetouchyou
Сообщение #4


<script>
var images= new Array('images/big/big-1.jpg','images/big/big-2.jpg','images/big/big-3.jpg','images/big/big-4.jpg','images/big/big-5.jpg');
var pic_old='images/big/big-1.jpg';
var pic='images/big/big-1.jpg';

var links = new Array('link1.html','link2.html','link3.htm');
function start_show(){
el=$('.pic').get();
$(el).fadeOut(700,function(){
$(el).attr('src',images[Math.floor(Math.random()*images.length)]);
$(el).fadeIn(700,function(){
while (pic==pic_old)
pic = images[Math.floor(Math.random()*images.length)];
$('#random-image-container a').attr('href','http://somesite.ru/' + links[Math.floor(Math.random()*links.length)]);
});
});
pic_old=pic;
setTimeout('start_show()',100000);
}
$(document).ready(function(){
start_show();
});
</script>
<div id="random-image-container">
<a href="#"><img src="images/big/big-1.jpg" class="pic" ></a>
</div>

попробуй что то вроде етого. сам не тесттил ) ибо нету возможности пока . нодумаю смысл понятен
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 2.3.2010, 20:19; Ответить: MetSerp
Сообщение #5


Letmetouchyou, забыл уточнить что код использует jquery? или откуда
[PHP]$(document).ready(function(){
start_show();
}); [/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 2.3.2010, 20:53; Ответить: Letmetouchyou
Сообщение #6


MetSerp, нуда ) там не только документ реди ) автор показл етот код, который я ему когда то дал , я просто добаввил еше две строчки )

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1737 Вчера, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4771 Вчера, 1:19
автор: sergio11
Открытая тема (нет новых ответов) Если в сайт с одними ключами, которые там долго, добавить новую рубрику с новыми ключами
2 Tutich 1121 16.4.2024, 8:27
автор: Tutich
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКрауд ссылки с форумов, блогов, порталов. Жирные ссылки с Ua,Ru, Бурж площадок. Вечные ссылки в статьях на собственных сайтах
Быстро, качественно и ответственно!
138 vetalbon 66337 13.4.2024, 17:53
автор: vetalbon
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
20 Needmylink1 6992 12.4.2024, 23:32
автор: Needmylink1


 



RSS Текстовая версия Сейчас: 18.4.2024, 6:36
Дизайн