jQuery галерея

<style type="text/css">
#div {
    background-color:#bef574;
    margin: 30px auto;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    width: 30px;
    height: 30px;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#div:hover {
    background-color: #E8E8E8;
    -webkit-transform: rotate(360deg) scale(2);
    -moz-transform: rotate(360deg) scale(2);
    -o-transform: rotate(360deg) scale(2);
     width: 130px;
     height: 100px;
}
</style>
<div id="div"></div>

расположить горизонтально несколько штук (в объявлении), и в раскрывшемся "листочке" прописать ссылки, ну или просто текст.

А где Deff?

Отредактировано Finka (Пт, 27 Май 2011 07:30:13)

0

Поделиться12Пн, 16 Май 2011 23:48:16

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Elka
Сначала с Вами, так как по основному вопросу у меня возникла проблема...
Так? http://tps.0pk.ru

+1

Поделиться13Вт, 17 Май 2011 00:43:44

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

rps
я в круг уже сама засунула. осталось только остановить вращение

0

Поделиться14Вт, 17 Май 2011 08:01:06

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

rps написал(а):

Так?

Да, именно так! Мне нравится!
Скажите, а сколько изображений туда можно вставить максимально, поскольку мне нужно где-то 5-7?! (а если можно и больше, так это было бы вообще классно!). И ещё один вопрос! Не будет ли это сильно нагружать форум?
rps, буду очень благодарна за помощь!

0

Поделиться15Вт, 17 Май 2011 14:17:43

Автор: BONCH
Заслуженный
Зарегистрирован: Вт, 12 Апр 2011
Сообщений: 127
Уважение: +1
Позитив: +4
Последний визит:
Вс, 26 Авг 2012 13:39:30

rps

Привет

можно ли сделать такой блок?

http://mmgp.ru/

чтобы функционировал также и можно было изменять ширину и высоту

0

Поделиться16Ср, 18 Май 2011 19:22:02

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Finka
У меня почему-то упорно не хочет работать КСС для него, не знаю, почему... Я закончу с Elka, если никто Вам не поможет, буду думать и над этой проблемой.

0

Поделиться17Ср, 18 Май 2011 19:23:17

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Elka написал(а):

Скажите, а сколько изображений туда можно вставить максимально, поскольку мне нужно где-то 5-7?!

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

0

Поделиться18Ср, 18 Май 2011 19:52:14

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

BONCH
Здравствуйте.

BONCH написал(а):

чтобы функционировал также и можно было изменять ширину и высоту

Код:

<div id="cite" style="width: 540px; padding: 1em; position: relative; border: 1px solid #000; background-color: #fff;">
<div style="width: 513px; float: left; "></div>
<div style="width: 25px; height: 25px; background: url(http://www.imageup.ru/img70/re1660482.gif) no-repeat center center; cursor: pointer; margin: auto 0 auto auto;" onclick="cite();"></div>
</div>
 
<script type="text/javascript">
function cite(){
text = new Array();
text[0]="Текст 1"
text[1]="Текст 2"
text[2]="Текст 3"
var a = Math.round(Math.random() * (text.length - 1))
document.getElementById("cite").getElementsByTagName("div")[0].innerHTML = text[a];
}
document.body.onload = function() {cite();}
</script>

Отредактировано rps (Ср, 18 Май 2011 19:52:57)

+1

Поделиться19Ср, 18 Май 2011 21:30:18

Автор: BONCH
Заслуженный
Зарегистрирован: Вт, 12 Апр 2011
Сообщений: 127
Уважение: +1
Позитив: +4
Последний визит:
Вс, 26 Авг 2012 13:39:30

rps

Почти то что надо) только мне нужно чтоб туда можно было вставлять ссылки, банеры, хтмл коды и т.д) И еще нужно чтобы при обновлении страницы текст сам менялся а не только с помощь стрелки. И еще желательно закруглить края блока :yep:

За раннее спасибо

0

Поделиться20Ср, 18 Май 2011 21:47:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11595
Последний визит:
Сегодня 12:20:25

BONCH :glasses: - У Вас Прямо требования работодателя - rps студент, - альтруист ЕТП - скрипты с подобными требованиями делаюца платно и в личку

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

jQuery галерея

Сообщений 1 страница 20 из 154

Поделиться1Сб, 14 Май 2011 12:00:51

Поделиться2Сб, 14 Май 2011 12:25:11

Поделиться3Сб, 14 Май 2011 12:30:55

Поделиться4Сб, 14 Май 2011 22:26:43

Поделиться5Сб, 14 Май 2011 23:51:55

Поделиться6Вс, 15 Май 2011 00:20:09

Поделиться7Вс, 15 Май 2011 00:29:52

Поделиться8Вс, 15 Май 2011 00:46:10

Поделиться9Вс, 15 Май 2011 00:54:31

Поделиться10Вс, 15 Май 2011 01:03:35

Поделиться11Пн, 16 Май 2011 09:43:13