Popis obrazka - bublina

elo · Napísal **elo**: 25.11.2012 13:22

Ahojte,

akym kodom prosim spravit aby po prechode nad obrazok sa zobrazila bublina s textom?

Ked pouzijem title alebo description je to len take nezaujimave. poptrebujem to aby bolo krajsie.

Dakujem.

BX · Napísal BX: 25.11.2012 14:41

napríklad
http://www.beauscott.com/examples/help_ ... amples.php
http://file.urin.take-uma.net/jquery.ba ... -Demo.html

elo · Napísal autor témy **elo**: 25.11.2012 14:59

Ok dakujem ale ako prosim vlozit kod do HTML? (CSS viem)

Z linku http://file.urin.take-uma.net/jquery.ba%20...%20-Demo.html som stiahol jquery.balloon.js a jquery.balloon.min.js

Dakujem za help.

BX · Napísal BX: 25.11.2012 18:49

napríklad takto

Kód:

<html>
<head>
   <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script src="http://file.urin.take-uma.net/jquery.balloon.js"></script>
   
   <script type="text/javascript">
   $(function()
   {
      $(".sample").each
      (
         function()
         {
            //$(this).balloon(); //-> obsah berie z title

            $(this).balloon(
            {
               contents: "nejaky text v bubline"
            }); //-> obsah mu dam ja, pripadne aj dalsie parametre
         }
      );
   });
   </script>
</head>

<body onload="javascript">
   <br /><br /><br /><br />
   <a href="#" class="sample" title="text v title"> Nejaky silny odkaz </a>
</body>
<html>

shaggy · Napísal **shaggy**: 25.11.2012 18:51

BX - ach, dalo by sa to zapísať aj oveľa krajšie... ale to je nepodstatné.
Čo tam robí tento riadok?

Kód:

elo · Napísal autor témy **elo**: 25.11.2012 19:20

jj, presne to je ono, super dakujem.

Ako mozem este tu bublinu zobrazovat nad obrazkom?

CSS som tam nenasiel kde by som vlozil TOP.

Dakujem este raz.

BX · Napísal BX: 25.11.2012 20:10

shaggy, som si vedomý toho, že to nie je super riešenie - s webmi robím len okrajovo, takže nepoznám všeliaké tie profi finty.
A že čo tam robí ten riadok? Nič, zabudol som ho tam potom, ako som niečo skúšal. Pardon. (tam bola funkcia pre onload, neviem, prečo som to nezmazal celé)

elo: Na tom webe máš príklady na všeliaké pozicovanie.

shaggy · Napísal **shaggy**: 25.11.2012 23:18

elo - ak chceš robiť viac, než základné html stránky, nauč sa používať nástroje k tomu potrebné.
Predovšetkým firebug (vo firefoxe, musíš doinštalovať), alebo jeho alternatívy v iných browseroch (skús stlačiť F12, ak používaš chrome).
Tam si vieš pozrieť html kód tejto bubliny (klikneš na ňu pravým tlačítkom a dáš Inspect element, alebo Preskúmať prvok) a ukáže ti, z akého html je vytvorená, aj aké css ju ovplyvňujú.

Popis obrazka - bublina

Podobné témy