Прошу прщения, не знал, куда обратиться, поэтому создал тему в этом разделе. Мне нужен был бы скрипт, делающий определенную картинку полупрозрачной, а при наведении полупрозрачность убиралась. Заранее благодарен.
Нужна помощь
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться12010-06-10 08:17:38
- Новичок
- Зарегистрирован: 2010-05-29
- Приглашений: 0
- Сообщений: 9
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
2 часа 43 минуты - Последний визит:
2010-06-23 07:35:50
Поделиться22010-06-10 12:53:06
- Администратор
- Откуда: Украина
- Зарегистрирован: 2010-05-27
- Приглашений: 0
- Сообщений: 121
- Уважение: [+1/-0]
- Позитив: [+3/-0]
- Пол: Мужской
- Возраст: 30 [1993-12-28]
- Провел на форуме:
1 день 22 часа - Последний визит:
2011-07-26 02:27:47
в ХТМЛ-верх:
Код:
<!--reklama11.2bb.ru FeroDaR-->
<style type="text/css">
.tabls {opacity:0.4; filter:alpha(opacity=40);}
.tabls:hover {opacity:1; filter:alpha(opacity=100);}
</style>И это туда где хотите видеть картинку:
Код:
<img src="ссылка на картинку" class="tabls">
Поделиться32010-06-10 14:04:14
- Новичок
- Зарегистрирован: 2010-05-29
- Приглашений: 0
- Сообщений: 9
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
2 часа 43 минуты - Последний визит:
2010-06-23 07:35:50
А что, если картинка в тексте? HTML-коды там не работают.
Поделиться42010-06-10 15:32:01
- Администратор
- Откуда: <br />
- Зарегистрирован: 2010-05-27
- Приглашений: 0
- Сообщений: 249
- Уважение: [+6/-0]
- Позитив: [+2/-0]
- Пол: Мужской
- Провел на форуме:
1 день 15 часов - Последний визит:
2010-06-29 15:09:51
Tomo.
В смысле тексте? Сообщениях?
Поделиться52010-06-10 15:42:40
- Администратор
- Откуда: <br />
- Зарегистрирован: 2010-05-27
- Приглашений: 0
- Сообщений: 249
- Уважение: [+6/-0]
- Позитив: [+2/-0]
- Пол: Мужской
- Провел на форуме:
1 день 15 часов - Последний визит:
2010-06-29 15:09:51
Tomo.
Если в постах то:
ХТМЛ-верх:
Код:
<!--START FeroDaR aka .FR-->
<style type="text/css">
.ref {filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;}
.ref:hover {filter:alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;}
</style>
<!--END FeroDaR aka .FR-->ХТМЛ-низ:
<!--START FeroDaR aka .FR-->
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[opti]",from))==-1) return str;
if((pos2=str.indexOf("[/opti]"),pos+6)==-1) return str;
newpos=str.indexOf("[opti]",pos+6)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+6,true)
if((pos2=str.indexOf("[/opti]",pos+6))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos+6,pos2))+str.substring(pos2+7,str.length)
if( str.indexOf("[opti]")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str}
function makeSpoiler(txt){
txt='<img src="'+txt+'" class="ref">'
return txt}
if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
</script>
<!--END FeroDaR aka .FR-->
Тeги: [opti]ссылка на кратинку[/opti]
Поделиться62010-06-10 15:46:20
- Администратор
- Откуда: <br />
- Зарегистрирован: 2010-05-27
- Приглашений: 0
- Сообщений: 249
- Уважение: [+6/-0]
- Позитив: [+2/-0]
- Пол: Мужской
- Провел на форуме:
1 день 15 часов - Последний визит:
2010-06-29 15:09:51
Пример скрипта у нас на форуме:
[opti]https://forumavatars.ru/img/avatars/000c/e1/62/2-1275203112.jpg[/opti]
Код:
[opti]https://forumavatars.ru/img/avatars/000c/e1/62/2-1275203112.jpg[/opti]
Поделиться72010-06-10 15:47:52
- Администратор
- Откуда: <br />
- Зарегистрирован: 2010-05-27
- Приглашений: 0
- Сообщений: 249
- Уважение: [+6/-0]
- Позитив: [+2/-0]
- Пол: Мужской
- Провел на форуме:
1 день 15 часов - Последний визит:
2010-06-29 15:09:51
Цифры можно менять.
<!--START FeroDaR aka .FR-->
<style type="text/css">
.ref {filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;}
.ref:hover {filter:alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;}
</style>
<!--END FeroDaR aka .FR-->
Прозрачность.
Поделиться82010-06-10 20:53:17
- Новичок
- Зарегистрирован: 2010-05-29
- Приглашений: 0
- Сообщений: 9
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
2 часа 43 минуты - Последний визит:
2010-06-23 07:35:50
спасибо.
Страница: 1
