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



 

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

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

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Как сделать спецефическое мерцание изображения?
Live4music
Live4music
Topic Starter сообщение 14.9.2009, 21:58; Ответить: Live4music
Сообщение #1


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

Зарание благодарен за помощь.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 14.9.2009, 22:34; Ответить: Diablo_hb
Сообщение #2


флеш
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
сообщение 14.9.2009, 22:43; Ответить: dimjan4
Сообщение #3


Согласен с Diablo, но есть ещё один способ: jQuery
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Live4music
Live4music
Topic Starter сообщение 14.9.2009, 22:49; Ответить: Live4music
Сообщение #4


О - так быстро ответили - это радует но к сожалению мне не помог не первый ответ не второй.

Будьте добры кодом ответить или ссылку пожалуйста на материал дать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
сообщение 14.9.2009, 23:01; Ответить: dimjan4
Сообщение #5


Если хотите на флеше, идите на сайт http://demiart.ru/forum/index.php?showforum=49...Там куча уроков!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Live4music
Live4music
Topic Starter сообщение 14.9.2009, 23:07; Ответить: Live4music
Сообщение #6


А есть какой то простенький код?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
сообщение 14.9.2009, 23:10; Ответить: dimjan4
Сообщение #7


Live4music, простенького не будет! Тогда Вам легче просто при наведении мышкой менять картинку на анимированную...это,на мой взгляд, самое простое...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Live4music
Live4music
Topic Starter сообщение 15.9.2009, 0:34; Ответить: Live4music
Сообщение #8


Я так хотел но вот только фотка тогда весит 3 мегабайта - потому что большая по размеру. А в анимацию их надо 15. :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 15.9.2009, 3:10; Ответить: alexdrob
Сообщение #9


может подойдёт

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
</head>
<script>
var alpha = 100;
var run = false;
var up = true;
var step = 3;
var maxAlpha = 100;
var minAlpha = 10;
var delay = 10;
function setOpacity(img,value) {
img.style.opacity = value/100;
img.style.filter = 'alpha(opacity=' + value + ')';
}
function flt(img){
if (run) {
if (alpha >= maxAlpha){
up = false;
}else if ((alpha <= minAlpha) && !up){
up = true;
run = false;
}
if (up){
alpha+=step;
}else{
alpha-=step;
}
setOpacity(img,alpha);
}
}
function startFlt(){
run = true;
}
function stopFlt(){
run = false;
}
function init(){
img = document.getElementById('pict');
alpha = minAlpha;
setOpacity(img,alpha);
setInterval("flt(img)",delay);
}
</script>
<body onload="init()">
<img src="image.jpg" id="pict" onmouseover="startFlt()" />
</body>
</html>


step - это шаг который прибовляется или отнемается от фильтра
minAlpha и maxAlpha это макс и мин значения между каторыми меняется мерцание
delay это время в милисикундах через которое происходит увеличение или уменьшение прозрачности на step
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 15.9.2009, 3:32; Ответить: alexdrob
Сообщение #10


решил сразу сделать под несколько картинок))

var arImg = new Array( 'pict1', 'pict2' ); <- здесь перечисляете все ID картинок которые нужно делать мерцающими

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
</head>
<script>
var alpha = 100;
var run = false;
var up = true;
var step = 3;
var maxAlpha = 100;
var minAlpha = 10;
var delay = 10;
var arImg = new Array( 'pict1', 'pict2' );
function setOpacity(img,value) {
img.style.opacity = value/100;
img.style.filter = 'alpha(opacity=' + value + ')';
}
function flt(){
if (run) {
if (alpha >= maxAlpha){
up = false;
}else if ((alpha <= minAlpha) && !up){
up = true;
run = false;
}
if (up){
alpha+=step;
}else{
alpha-=step;
}
setOpacity(img,alpha);
}
}
function startFlt( v ){
resetImg();
img = v;
run = true;
}
function stopFlt(){
run = false;
}
function resetImg(){
alpha = minAlpha;
up = true;
for (i = 0; i < arImg.length; i++){
setOpacity(document.getElementById(arImg[i]),alpha);
}
}
function init(){
resetImg();
setInterval("flt()",delay);
}
</script>
<body onload="init()">
<img src="image1.jpg" id="pict1" onmouseover="startFlt(this)" />
<img src="image2.jpg" id="pict2" onmouseover="startFlt(this)" />
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
 2 Boymaster 722 24.4.2024, 17:52
автор: Boymaster
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
 151 adw-kupon.ru 19906 23.4.2024, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
 20 uahomka 3484 23.4.2024, 11:54
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
 30 freeax 5048 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
 13 Boymaster 2040 20.4.2024, 15:06
автор: Boymaster


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 26.4.2024, 5:20

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet