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



 

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

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

Открыть тему
Тема закрыта
> помогите с CSS анимацией.
Exx
Exx
Topic Starter сообщение 26.2.2014, 14:04; Ответить: Exx
Сообщение #1


вот у меня пхп код, с 5 кнопками, при нажатии на одну из них, высвечивается в блоке соответствующая картинка:
[PHP]<div id="center">
<?php
if (isset($_REQUEST['a'])){
echo "<img id='img_top' src='img/0.jpg'>";} else {}
if (isset($_REQUEST['b'])){
echo "<img id='img_top' src='img/1.jpg'>";} else {}
if (isset($_REQUEST['c'])){
echo "<img id='img_top' src='img/2.jpg'>";} else {}
if (isset($_REQUEST['d'])){
echo "<img id='img_top' src='img/3.jpg'>";} else {}
if (isset($_REQUEST['e'])){
echo "<img id='img_top' src='img/4.jpg'>";} else {}
?>

</div>
<form>
<input id="inp" type="submit" name="a" value="">
<input id="inp" type="submit" name="b" value="">
<input id="inp" type="submit" name="c" value="">
<input id="inp" type="submit" name="d" value="">
<input id="inp" type="submit" name="e" value="">
</form>
[/PHP]

Можно как то с помощью именно CSS анимаций, сделать, что бы картинка высвечивалась плавно, а не мгновенно?
По логике можно, но не соображу как :(
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 26.2.2014, 15:11; Ответить: Degradator
Сообщение #2


if (isset($_REQUEST['a'])){
echo "<img id='img_top' src='img/0.jpg'>";} else {}
Щито? Зачем это else {}?????

Пять сабмитов в форме? Сколько я на этом форуме, но он до сих пор доставляет. Не думал что так вобще можно.

Можно как то с помощью именно CSS анимаций, сделать, что бы картинка высвечивалась плавно, а не мгновенно?
По логике можно, но не соображу как :(

Скорее всего можно с помощью css3 но думаю что использовать какое-то решение при помощи jquery будет лучше.

Хотя какое можно, нельзя это сделать с css. В КОНКРЕТНО ЭТОМ ПРИМЕРЕ картинку надо выводить с display: none; и потом подсвечивать ее javascriptom.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 26.2.2014, 15:40; Ответить: Den1xxx
Сообщение #3


(Degradator @ 26.2.2014, 18:11) *
В КОНКРЕТНО ЭТОМ ПРИМЕРЕ картинку надо выводить с display: none; и потом подсвечивать ее javascriptom.

Не, надо мееедленно закачивать следующую картинку с сервера, а чтобы не кешировалась можно добавить в src случайности:
[PHP] echo "<img id='img_top' src='img/3.jpg?r=".rand()."'>";[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exx
Exx
Topic Starter сообщение 26.2.2014, 16:02; Ответить: Exx
Сообщение #4


(Degradator @ 26.2.2014, 18:11) *
if (isset($_REQUEST['a'])){
echo "<img id='img_top' src='img/0.jpg'>";} else {}
Щито? Зачем это else {}?????

Пять сабмитов в форме? Сколько я на этом форуме, но он до сих пор доставляет. Не думал что так вобще можно.


Скорее всего можно с помощью css3 но думаю что использовать какое-то решение при помощи jquery будет лучше.

Хотя какое можно, нельзя это сделать с css. В КОНКРЕТНО ЭТОМ ПРИМЕРЕ картинку надо выводить с display: none; и потом подсвечивать ее javascriptom.

else по привычке дописал...

что тут такого что 5 сабмитов? на какой нажали такой и работает, ничего сложного и необычного...

а вообще можно как то обойтись без JS? не хочу пока что влазить в JS.
Если возможно с CSS покажите пожалуйста на примере...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 26.2.2014, 16:19; Ответить: Degradator
Сообщение #5


Для этого используются радиобуттон. Но вобще конечно, лучше застрелится. Найдите какую-то книжку, или курсы. Или будьте готовы платить деньги и за работу, и за составление тз.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 26.2.2014, 16:56; Ответить: Den1xxx
Сообщение #6


(Exx @ 26.2.2014, 19:02) *
Если возможно с CSS покажите пожалуйста на примере...

Стью Николза примеры посмотрите http://www.cssplay.co.uk/

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 725 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3459 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3399 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6459 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1667 3.3.2021, 12:22
автор: kozak199110


 



RSS Текстовая версия Сейчас: 19.4.2024, 20:12
Дизайн