- ARCHIVES
- » This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
Pages: 1
This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
- teeaien
- » n00b
4
0
1969-12-31
This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it 
Here's the code:
[spoiler]<style type="text/css">
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}
</style><script type="text/javascript">
/***********************************************
* Gradual Highlight image script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var baseopacity=15
function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}
function slowlow(which2){
cleartimer()
instantset(baseopacity)
}
function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<img src="[b]IMG URL[/b]" width="[b]XXpx[/b]" height="[b]XXpx[/b]" border="[b]XX[/b]" align="[b]left|right|center[/b]" class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)">[/spoiler]
Previews:
[spoiler][url=http://www.stormpages.com/tingarces/testcode.html]CLICK HERE.[/url]
or if this does not work,
[url=http://h1.ripway.com/usernamea006/testcodes.html]TRY THIS.[/url][/spoiler]
Just replace the IMG URL with the URL of the image you want to put the effect on.
Edit all the bold parts.
Hope I somehow helped
*Sorry. I accidentaly deleted the first few parts of the code, I do believe this one's for CSS. Moderator, please take a look over the code again and check whether this one's for Javascript or not. Corrections are appreciated and sorry too, for the preview was a little delayed.
Here's the code:
[spoiler]<style type="text/css">
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}
</style><script type="text/javascript">
/***********************************************
* Gradual Highlight image script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var baseopacity=15
function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}
function slowlow(which2){
cleartimer()
instantset(baseopacity)
}
function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<img src="[b]IMG URL[/b]" width="[b]XXpx[/b]" height="[b]XXpx[/b]" border="[b]XX[/b]" align="[b]left|right|center[/b]" class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)">[/spoiler]
Previews:
[spoiler][url=http://www.stormpages.com/tingarces/testcode.html]CLICK HERE.[/url]
or if this does not work,
[url=http://h1.ripway.com/usernamea006/testcodes.html]TRY THIS.[/url][/spoiler]
Just replace the IMG URL with the URL of the image you want to put the effect on.
Edit all the bold parts.
Hope I somehow helped
*Sorry. I accidentaly deleted the first few parts of the code, I do believe this one's for CSS. Moderator, please take a look over the code again and check whether this one's for Javascript or not. Corrections are appreciated and sorry too, for the preview was a little delayed.
Last edited by teeaien (2008-12-19 12:42:26)
 |
- cronixemo
- » FTalkWhiz
- 3166
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
^this is for [b]javascript[/b] not [b]css[/b]..
bout any preview for this????
[b]preview for the trick is a must!![/b]
[b]preview for the trick is a must!![/b]
|
- chipster489
- » FTalkWorm
- 16296
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
[b]At thread starter, post a preview, dat's required, so dat we'l c d effect. 
[/b]
[/b]
|
- Eliot Kid
- » FTalkAddict
- 453
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
this thread is for [b] Cascading Style Sheets/CSS [/b] not in [b] Javascript/JS [/b]
@topic
Any Preview of that trick? 
Any Preview of that trick?
|
- andHa
- » FTalkWhiz
- 3386
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
Topic has been moved.
And for the TS, preview is required.
Well, i'll wait for that. If you don't enclose any previews regarding to the script that you shared, this topic will be closed.
Thx.
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
[b]Can we see the preview... pls.[/b] 
|
- shittykid21
- » FTalker
- 221
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
preview please so we can see what is the trick all about
|
- shestheman
- » FTalkManiac
- 758
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
wer is the [b] Preview [/b] 
|
- rebora2007
- » FTalkAddict
- 300
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
Do you have a preview for that please ? :norose:
|
- wakekek07
- » FTalker
- 250
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
i think we don't need to put that "<script type="text/javascript">" and "</script>".....
and try say thanks to your credit which i think is DynamicDrive.com ..... okay next time, try to set things up.... 
the preview and the credits... and not just posting it...... but i think this is a great effect, we just fix something on it 
and try say thanks to your credit which i think is DynamicDrive.com ..... okay next time, try to set things up....
the preview and the credits... and not just posting it...... but i think this is a great effect, we just fix something on it
|
- olfindo_17
- » n00b
- 7
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
add me up [url][/url]profiles.friendster.com/hplar17
Last edited by olfindo_17 (2008-12-18 22:06:40)
|
- chipster489
- » FTalkWorm
- 16296
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
[quote=olfindo_17]add me up profiles.friendster.com/hplar17[/quote]
[b]Wrong thread, post dat at Friendster Show-off section, u'l c Friendster Add-ups der, follow d rules next tym. [/b]
[/b]
|
- dark-knight87
- » n00b
- 56
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
Too bad but this one.. needs to be fixed.. or move to Recycle Bin/Archives..
your preview does not work here..
your preview does not work here..
|
- xoOox
- » FTalkWhiz
- 3264
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
whooa! really cool..
the 2nd preview does work!
im gonna try it..
----------
it doesnt work on my profyl!
i'd tried some xperimnt! 
maybe im just too noob..
im gonna try it..
----------
it doesnt work on my profyl!
i'd tried some xperimnt!
maybe im just too noob..
Last edited by xoOox (2008-12-21 14:33:29)
|
- x.XpandANimoriEX.x
- » FTalkManiac
- 918
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
[align=center]nice trick., thx for sharing., the 1st previw ddnt work., so yeah, ayways., kip it ap;.[/align]
|
- pawpow
- » Banned
- 57
- 0
- 1969-12-31
Re: This effect will actually make your photo shine gradually as you hover the mouse on it. Once the mouse is out, your photo looks somehow pale. It's nice, Im using it. Try it :D Here's the code: [spoile
For Css Extension
<">Js Extension
<">HOW IT WORKS
always add this in ur IMG CODE if u want to have an effect.
<">eg.
[spoiler]<img src="http://theftalk.com/img/avatars/av21/202507.jpg" [b]class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)">[/b][/spoiler]
GET iT?
Last edited by pawpow (2008-12-29 04:18:18)
|