Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads | All Downloads

 

 

Company

Home

Nework Details

Tutorials

SWiSH 2

SWiSHMax

Flash MX

PHP & MySQL

HTML / JScript

Adobe Photoshop

Corel Draw

Gimp

Miscellaneous

Downloads

Templates

Plugins

Fonts

Wallpapers

Free Images

Scripts and Codes

Products

E-Books

SWiSH BB

SWiSH Templates

SWiSH-DB Newsletter
Subscribe to our newsletter : GO
  Partners / Affiliates

   Swish Templates
   SWiSH Climax
   GimpTalk
   Idea Designs
   Sposatoettore
   Try Acai Berry Diet
   Download Free Ringtones
   Swishzone

Manage your site with Flax Article Content Management System
Picture Fading to 100%opacity from 30%
Category : HTML / Javascript | Level : Beginner | Language : English
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

Hi all.....this is a very simple tutorial,this will show you how a picture fades back into its own colour from an opacity of 30%......
First Step:-
Create a New HTML document and add this script using notepad or wordpad:-
CODE
<script language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",70)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=30
}

function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
-->
</SCRIPT>

And then add the following code below the script above....:-
CODE
<A href="http://www.mywebsite.com/mypage.html"><IMG
           onmouseover=high(this) style="FILTER: alpha(opacity=30)"
           onmouseout=low(this) height=342
           src="picture.gif" width=512
         border=1>


You can edit the links on :-
CODE
<A href="http://www.mywebsite.com/mypage.html">

and can change the image "picture.gif"

THTS IT.... smile.gif
if u face any problems then e-mail or pm me.....Gday all biggrin.gif




All rights reserved - swish-db.com