Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Obrazek, Jak uzyskać taki efekt obrazka ?
Adam11
post
Post #1





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

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


Witam wszystkich.

Walczę z efektem wyświetlania obrazka. Działa on gdy najadę na obrazek to on w chmurce powiększony się wyświetla.
Chciałbym następujący efekt uzyskać:

(IMG:http://t3.pixhost.org/thumbs/580/6861672_obrazek.png)

Źródło http://www.kinolive.pl

Patrzałem w kodzie źródłowym tej strony i znalazłem następujące JS:


cookie.js
flash.js
flowplayer-3.1.4.min.js
json.js
prototype.js
tooltip.js

Który JS odpowiada za tą Chmurkę powiększenia ?

Próbowałem takich cudów z każdym JS z tamtej strony dawałem w kod

  1. openside("Top Obrazki");
  2. ?>
  3.  
  4. <link href="http://www.kinolive.pl/stylesheets/main.css" media="screen" rel="stylesheet" type="text/css" />
  5.  
  6. <link href="http://www.kinolive.pl/stylesheets/horinaja.css" media="screen" rel="stylesheet" type="text/css" />
  7.  
  8.  
  9.  
  10. <script src="http://www.kinolive.pl/javascripts/prototype.js" type="text/javascript"></script>
  11. <script src="http://www.kinolive.pl/javascripts/cookie.js" type="text/javascript"></script>
  12. <script src="http://www.kinolive.pl/javascripts/tooltip.js" type="text/javascript"></script>
  13. <script src="http://www.kinolive.pl/javascripts/flowplayer-3.1.4.min.js" type="text/javascript"></script>
  14. <script src="http://www.kinolive.pl/javascripts/cookie.js" type="text/javascript"></script>
  15. <script src="http://www.kinolive.pl/javascripts/flash.js" type="text/javascript"></script>
  16.  
  17. <script src="http://www.kinolive.pl/javascripts/json.js" type="text/javascript"></script>
  18.  
  19.  
  20.  
  21. <script src="http://www.kinolive.pl/javascripts/tooltip.js" type="text/javascript"></script>
  22.  
  23. <h3>Ostatnio komentowane filmy</h3>
  24. <div id="movies_commented_block"><div class="random-block">
  25.  
  26.  
  27.  
  28.  
  29. <div class="left">
  30. <a href="http://www.kinolive.pl/filmy_online/faster-2010-lektor-pl" id="lastcommented-cover-12834"><img alt="okładka" src="http://www.kinolive.pl/system/covers/12834/thumb/7339121.3.jpg?1303587960" height="133" width="100"></a>
  31. <div class="tooltip" id="lastcommented-cover-12834-tooltip" style="border: 1px solid rgb(255, 255, 255); z-index: 5000; position: absolute; top: 2786px; left: 924px; display: none;">
  32. <img alt="7339121" src="http://www.kinolive.pl/system/covers/12834/medium/7339121.3.jpg?1303587960">
  33. </div>
  34.  
  35. </div>
  36.  
  37.  
  38.  
  39.  
  40. <?php
  41. closeside();


I nic mi nie wychodzi.

Przepraszam jeśli napisałem nie w tym dziale.

Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Budzan
post
Post #2





Grupa: Zarejestrowani
Postów: 7
Pomógł: 2
Dołączył: 25.04.2011

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


no tak to wystarczy prosta modyfikacja w kodzie. zamiast onclick dać onmouseover
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 5.11.2025 - 03:31