Autor Zpráva
maestorm
Profil
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" />
php:
<?
$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>'."&nbsp;&nbsp;";
    }
fclose($myfile);
?>
pro jistotu CSS:
// 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;
}
previewer.js:
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
Len tip: nemajú mať externé skripty opačné poradie?
maestorm
Profil
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í.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0