Autor | Zpráva | ||
---|---|---|---|
maestorm Profil |
#1 · Zasláno: 1. 5. 2015, 16:12:33
Hezký prvomájový podvečer,
trápím se tu s náhledem, mohli byste mi prosím poradit, v čem je chyba? Hádám, že to bude jen nějaká maličkost, ale nemohu na to přijít. Vycházím z tohoto: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery rád bych aby se zobrazoval i popisek, nicméně to bych myslím už zvládl, jen vás žádám o radu, jak to udělat, aby to fungovalo korektně. Děkuji, s pozdravem Tomáš. hlavička php: <script src="previewer.js" type="text/javascript"></script> <script src="jquery.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="css/styles.css" /> <? $files = glob("dyhy/*.*"); // nastavit soubor ke čtení titulků k náhledům dýh for ($i=1; $i<count($files); $i++) { $num = $files[$i]; /* k odkazu přidat title="'.$about[$num].'" */ echo '<a href="'.$num.'" class="preview"><img src=" '.$num.'" alt="gallery thumbnail" class="texture">'.'</a>'." "; } fclose($myfile); ?> // previewer #preview { position:relative; border:1px solid #ccc; background:#333; padding:5px; display:block; color:#fff; } pre { display:block; font:100% "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } this.imagePreview = function(){ /* CONFIG */ xOffset = 10; yOffset = 30; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $("a.preview").hover(function(e){ this.t = this.title; this.title = ""; var c = (this.t != "") ? "<br/>" + this.t : ""; $("body").append("<p id='preview'><img src='" + this.href +"' alt='Image preview' />"+ c +"</p>"); $("#preview") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("fast"); }, function(){ this.title = this.t; $("#preview").remove(); }); $("a.preview").mousemove(function(e){ $("#preview") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; // starting the script on page load $(document).ready(function(){ imagePreview(); }); |
||
_es Profil |
#2 · Zasláno: 1. 5. 2015, 18:55:50
Len tip: nemajú mať externé skripty opačné poradie?
|
||
maestorm Profil |
#3 · Zasláno: 2. 5. 2015, 11:16:48 · Upravil/a: maestorm
Nepomohlo změnit pořadí.
Vyřešeno, neměl jsem zatím dopsané k fotkám title, netušil jsem, že je to pro ten skript tolik zásadní. |
||
Časová prodleva: 10 let
|
0