Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> CSS вместо JS 
:(
    Опции темы
patt
Дата 4.2.2007, 15:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 230
Регистрация: 9.11.2004
Где: Николаев

Репутация: нет
Всего: 2



Привет всем !!! 
Кто знает что то о перегрузки картинок с помощю css??? 
Знаю, что это возможно, даже пример видел где картинка антиспама порегружаеться по нажатию кнопки  с помощю css.  Сейчас нужно реализовать это, а я даже незнаю с чего начинать думать, чтоб додуматься до такого  smile 
PM MAIL ICQ Skype GTalk   Вверх
AzuManga
Дата 4.2.2007, 18:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет



На CSS можно разве что бэкграунд  у ссылки изменить на другой при наведении или после посещения. Это делается с помощью a:hover, a:visited. 
--------------------
 Точка с запятой; 
PM MAIL   Вверх
mishaSL
Дата 4.2.2007, 18:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

Репутация: 8
Всего: 54



patt, покажи что за пример.
В любом случае необходимо менять src тега <img>, чтобы поменять путь к картинке.


--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
skyboy
Дата 4.2.2007, 18:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



Цитата(patt @  4.2.2007,  14:32 Найти цитируемый пост)
картинка антиспама порегружаеться по нажатию кнопки  с помощю css

это делается при помощи смены атрибута src, видимо. CSS не умеет менять контент. Точнее, есть средства генерации контента(браузерами не поддерживаются - есть только в стандарте), а вот изменения, ещё и в связи с DOM-событиями(которые никак не связаны со стилями; исключение - только псевдокласс :hover и ему подобные, что реализуют реакцию на наведение мыши) - звучит как-то нереально.
единственное, что приходит в голову: для блока объявить два класса:
Код

#security.2 {background-image: url('generate.php')}
#security.1 {background-image: url('generate.php')}

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

<style type="text/css">
#sec {width: 50px; height: 50px;}
#sec.c1 {background-color: #FF0}
#sec.c2 {background-color: #F00}
</style>
<div id="sec" class="c1" onclick="this.className= this.className == 'c1'? 'c2': 'c1'">
</div>

Повторю: по-моему, "на голом CSS" подобную перезагрузку реализовать нереально.
PM MAIL   Вверх
SelenIT
Дата 5.2.2007, 14:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Все можно, но есть масса нюансов... подробный пример для :hover.
По нажатию чуть труднее, но можно использовать в одних браузерах :active, в других :focus - примерно как здесь без JS скрывается/показывается текст в колонках...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
patt
Дата 5.2.2007, 17:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 230
Регистрация: 9.11.2004
Где: Николаев

Репутация: нет
Всего: 2



SelenIT, спасибо, то, что нужно smile , буду разбираться  smile 
PM MAIL ICQ Skype GTalk   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0988 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.