| 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: 11 let
|
|||
0