Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Fade obrazków.
Ssj6gok
post
Post #1





Grupa: Zarejestrowani
Postów: 0
Pomógł: 0
Dołączył: 13.06.2003

Ostrzeżenie: (0%)
-----


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}
Go to the top of the page
+Quote Post
kurtz
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 786
Pomógł: 0
Dołączył: 18.03.2002
Skąd: Wroclaw/Warszawa

Ostrzeżenie: (0%)
-----


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


--------------------
.. make web your home ..
Go to the top of the page
+Quote Post
Ssj6gok
post
Post #3





Grupa: Zarejestrowani
Postów: 0
Pomógł: 0
Dołączył: 13.06.2003

Ostrzeżenie: (0%)
-----


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 :!:
Go to the top of the page
+Quote Post
Seth
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


To nie jest forum o Java Script !
Przenosze temat do hydeparku ze Skrypty.
Go to the top of the page
+Quote Post
kurtz
post
Post #5





Grupa: Przyjaciele php.pl
Postów: 786
Pomógł: 0
Dołączył: 18.03.2002
Skąd: Wroclaw/Warszawa

Ostrzeżenie: (0%)
-----


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


--------------------
.. make web your home ..
Go to the top of the page
+Quote Post
wassago
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

Ostrzeżenie: (0%)
-----


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>


--------------------
Go to the top of the page
+Quote Post
kurtz
post
Post #7





Grupa: Przyjaciele php.pl
Postów: 786
Pomógł: 0
Dołączył: 18.03.2002
Skąd: Wroclaw/Warszawa

Ostrzeżenie: (0%)
-----


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


--------------------
.. make web your home ..
Go to the top of the page
+Quote Post
Ssj6gok
post
Post #8





Grupa: Zarejestrowani
Postów: 0
Pomógł: 0
Dołączył: 13.06.2003

Ostrzeżenie: (0%)
-----


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
tylko chcialbym żeby obrazek po najechaniu na link zmienaił się powoli. Czy ktoś wie jak to zrobić :?:
Go to the top of the page
+Quote Post
Fo
post
Post #9





Grupa: Zarejestrowani
Postów: 401
Pomógł: 0
Dołączył: 18.04.2003
Skąd: Trójmiasto

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Ssj6gok
post
Post #10





Grupa: Zarejestrowani
Postów: 0
Pomógł: 0
Dołączył: 13.06.2003

Ostrzeżenie: (0%)
-----


Tak ale jak to połaczyć :?:
Go to the top of the page
+Quote Post
DeyV
post
Post #11





Grupa: Zarząd
Postów: 2 277
Pomógł: 6
Dołączył: 27.12.2002
Skąd: Wołów/Wrocław




podstawy js. się kłąniają

Kod
<a href="?questionmark.gif" on?questionmark.gif?="twoja_grafika.akcja()" >link</a>


--------------------
"Niezależnie od tego, jakie masz osiągnięcia, ktoś Ci pomaga..."
Go to the top of the page
+Quote Post
kurtz
post
Post #12





Grupa: Przyjaciele php.pl
Postów: 786
Pomógł: 0
Dołączył: 18.03.2002
Skąd: Wroclaw/Warszawa

Ostrzeżenie: (0%)
-----


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


--------------------
.. make web your home ..
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 06:57