Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Obrázek u kurzoru po najetí na odkaz

Chvíli jsem to hledal, ale nacházím jen starší dredy. V sekci odkazy, bych k odkazům pro zvětšení interaktivity rád přidal náhled www stránek po najetí na jejich odkaz. Lze to nějak jednoduše a funkčně?

Zatím jsem našel jen nějaké knihovny a kdesicosi, ale to mi moc elegantní nepřijde.
Dík.

Předmět Autor Datum
Ten náhled má být online screen (jako nabízí Google ve výsledcích vyhledávání), anebo stačí obrázek…
IQ37 06.10.2012 23:47
 IQ37
Každopádně bych to nedělal na najetí na ten odkaz, ale třeba vedle v závorce slovo "náhled" a ten kl…
Kráťa 06.10.2012 23:53
 Kráťa
Dík, ono, já si to chtěl zkusit u odkazů na stránky, které směřují z webu ven. Spíš tak pro sebe, hr…
Redsnake 14.10.2012 10:52
 Redsnake
U takových odkazů by mohl být při najetí obrázek se šipkou, nebo tak něco. Avšak je to opravdu jen h…
Kráťa 14.10.2012 11:21
 Kráťa
Osobně bych se na nějakou knihovnu vybodnul a udělal to vyskakovacím div po najetí. Ten div lze umís…
Kráťa 14.10.2012 15:41
 Kráťa
pěkně sis s tím vyhrál, díky za návod:)
Redsnake 14.10.2012 17:00
 Redsnake
Nehrál. Vypral jsem to tam raz-dva a ani to neladil. edit: tam by bylo dobré vyřešit to pozicování.
Kráťa 14.10.2012 17:03
 Kráťa
jaké pozicování máš na mysli? Teď se nechytám..
Redsnake 14.10.2012 17:06
 Redsnake
Pozicování toho pomocného divu, nejlépe relativně k tomu odkazu, třeba 2 cm nad něj. A až bude odkaz… poslední
Kráťa 14.10.2012 17:18
 Kráťa

Ten náhled má být online screen (jako nabízí Google ve výsledcích vyhledávání), anebo stačí obrázek (předem vytvořený screen stránky)? Jak to dělá Google můžeš zkusit probádat. :-)
Obrázek (v principu) by mohl fungovat takhle (nalezeno a poupraveno):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona l.dtd">
<html xmlns="xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Hover link image</title>
<style type="text/css">
div.sidebar-poster {
margin-bottom: 10px;
background-position: center top;
width: 200px;
}
#twitterbird:hover {
background-image: url('image.jpg');
width: 200px;
height: 200px;
}
</style>
</head>

<body>

<a href="#" title="Text v title">
<div id="twitterbird" class="sidebar-poster">
Nějaký text odkazu </div>
</a>

</body>

</html>

Každopádně bych to nedělal na najetí na ten odkaz, ale třeba vedle v závorce slovo "náhled" a ten klidně na najetí.
Když jsem někde na webu, čtu si, pohnu myší, vyskočí něco, co mi zakryje text, ztratím kde jsem četl, nevím v první vteřině proč to vyskočilo (reklama?) tak teču... :-)

U takových odkazů by mohl být při najetí obrázek se šipkou, nebo tak něco. Avšak je to opravdu jen hraní. Skutečný web by to zbytečně zpomalovalo (jeden malý obrázek s preloadem asi ne), navíc když si čtu text, pohnu myší, něco vyskočí a zakryje mi čtené, jsem z toho naštvaný a už tam nechodím.

Zpět do poradny Odpovědět na původní otázku Nahoru