Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Fade obrazków.
Forum PHP.pl > Inne > Hydepark
Ssj6gok
13.06.2003, 08:35:30
Potrzebuje pomocy ze scryptym

Cytat
<SCRIPT LANGUAGE="JAVASCRIPT">
if (document.images) {
image0=new Image
image1=new Image
image2=new Image

image0.src="1.gif"
image1.src="2.gif"
image2.src="3.gif"
}
</SCRIPT>

<img src="1.gif" name="imagename02" width="100" height="110"  onMouseover="document.imagename01.src=image1.src" onMouseout="document.imagename02.src=image0.src" ><br>


Ten scrypt po najechaniu na linlk (ja zmapowałem rysunek) zamienia jakiś rysunek na inny. Problem polega na tym że chciałbym zeby powoli zmieniał ten obrazek a nie gwałtownie. Czy ktoś mi pomoże :?: :?:

__
Tytuł wątku zmoderowany {scanner}
kurtz
13.06.2003, 14:05:10
Cytat
chciałbym zeby powoli zmieniał ten obrazek a nie gwałtownie.

hmm mozesz pobawic sie opacity.

gdy jednak chodzilo wylacznie o Internet Explorera to mozesz to zrobic np tak:

Kod
<html>

<head>

   <script>

   var obrazki             = Array("1.gif", "2.gif", "3.gif" );

   var aktualnyObrazek = 0;

   function przechodzenieObrazkow() {

      if(aktualnyObrazek >= obrazki.length){

         aktualnyObrazek = 0;

      }

     obrazek.filters[0].apply();

     obrazek.src = obrazki[aktualnyObrazek];

     obrazek.filters[0].play();

     aktualnyObrazek++;

     setTimeout("przechodzenieObrazkow()", 1000);

   }

   </script>

</head>

<body onload="przechodzenieObrazkow()">

   <img id="obrazek" style="FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); " src="1.gif">

</body>

</html>


w dzialaniu np na:
http://odothui.jukowski.com/fadeIE.html

calosc na podstawie: http://msdn.microsoft.com/workshop/samples...mo/DXTidemo.htm

pozdrawiam
Ssj6gok
13.06.2003, 16:46:06
Jeżeli ktoś umie mi pomuc moge dokładniej opisać to na gg muj nr to 4409101 Pomużcie

Z tej strony wziołem scrypt tam njest też przykład jak on działa tylko ja chce żeby on nieprzechodził gwałtownie tylo powoli
http://www.dbgtn.com/index.php?dbgt=javascripts

Tam jest przykład na buttonach że po najechaniu na link zmienia się obrazek ja chciałbym żeby ten obtrazek zmieniał się powoli a nie gwałtownie.Prosze pomużcie :!:
Seth
13.06.2003, 16:51:29
To nie jest forum o Java Script !
Przenosze temat do hydeparku ze Skrypty.
kurtz
16.06.2003, 09:01:56
Cytat
Jeżeli ktoś umie mi pomuc  moge dokładniej opisać to na gg   muj nr to 4409101 Pomużcie
a nie mozesz napisac tutaj ale po polsku i skladnie?

chcialem fade'a - dostales przyklad.


pozdrawiam
wassago
16.06.2003, 09:08:01
odmienimy: POMOC =/= POMUZCIE :wink: mam cos takiego na swej stronie...
Kod
<script language=JavaScript1.2>

function high(which2){

theobject=which2

highlighting=setInterval("highlightit(theobject)",1)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=50

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=9

else if (window.highlighting)

clearInterval(highlighting)

}

</script>



<!-- scrollbars -->

<script>

<!--

function displayWindow(url, width, height) {

        var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no' );

}

//-->

</script>

nastepnie
Kod
<a href="xx.jpg"><img src="xx.gif" onmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=50)"></a>
kurtz
16.06.2003, 09:28:23
Cytat
odmienimy: POMOC =/= POMUZCIE  :wink: mam cos takiego na swej stronie...
hmm jak bawimy sie opacity to mozna uzyc gotowca - alladyna - http://www.alladyn.art.pl/


pozdrawiam
Ssj6gok
16.06.2003, 17:11:24
Fajny scrypt tylko mi chodzi o coś innego po najechaaniu na link zmienia się obazek tylko że ten obrazek zmienia się powoli ten scrypt znalazłem na tej stronie
Cytat
http://www.dbgtn.com/index.php?dbgt=javascripts
tylko chcialbym żeby obrazek po najechaniu na link zmienaił się powoli. Czy ktoś wie jak to zrobić :?:
Fo
16.06.2003, 18:22:24
pokombinuj sobie z tym co napisal wassago :
alpha(opacity = 50); moz-opacity: 0.5 a dokladnie z wartosciami 50 i 0.5.... :wink:
a zastosowanie skryptu mozesz zobaczyc na http://www.udom.pl wybierz sobie montaz okien i wybierz miasto gdansk... chyba o to ci chodzilo
Ssj6gok
16.06.2003, 18:58:23
Tak ale jak to połaczyć :?:
DeyV
16.06.2003, 19:05:34
podstawy js. się kłąniają

Kod
<a href="?questionmark.gif" on?questionmark.gif?="twoja_grafika.akcja()" >link</a>
kurtz
17.06.2003, 11:06:54
Cytat
Tak ale jak to połaczyć :?:

1. czy widziales wogole http://forum.php.pl/viewtopic.php?p=20419#20419 ?
2. adres ktory co rusz podajesz ma BARDZO MALO wspolnego z tym czego chcesz.

podmiana obrazkow z jednego na drugi to prosta akcja - mozna to zrobic htmlem albo javascriptem.

powolna zmiana to juz cos bardziej zaawansowanego - zeby to zrobic mozna uzyc np javascriptu (a konkretnie filtrow MS IE, albo przezroczystosci opacity) albo np Flasha.


pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.