• Rubrika: news, návody 21.07.2010

    Každý kdo píše články do redakčních systémů, dělá fotogalerie apod., určitě ví, že “upoutávací” obrázek a jeho obsah více, či méně přitahuje pozornost každého návštěvníka. Pokud do upoutávky svého článku (galerie) dáte obrázek sličné dívčí tváře, nebo (ještě lépe něčeho drobně erotického), máte zaručen minimálně dvojnásobný počet návštěv (čtení) tohoto texty(galerie). K umocnění efektu přitažení pozornosti slouží jednoduchá javascriptová utilitka, která po kliknutí na tento malý obrázek jej zvětší …..
    Zde je návod a příklad kódu:
    pro tento účel jsou potřeba dva javascripty a pro Internet Explorer 6 ještě obrázek lupy, který se zobrazuje při najetí na obrázek. ve skriptu jquery.magnifier.js se dá nastavit násobek zvětšení obrázku, rychlost animace v milisekundách, a průhlednost náhledu při kliknutí a zvětšení. Dále je tam cesta k obrázku lupy: magnify.cur , jinak MS IE lupu nezobrazí. a teď jednoduchý kód.

    <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js” type=”text/javascript”></script>
    <script src=”http://skripty.litomysl.net/jquery.magnifier.js” type=”text/javascript”></script>
    <img class=”magnify” style=”width: 120px; height: 90px; margin: 5px;”
    src=”http://img3.rajce.idnes.cz/d6/2/2456/2456946_9f932599a3c5e4aa79142e1c71569202/images/100_0341.JPG” border=”1″ alt=”" align=”left”/>

    Tento popisovaný způsob je samozřejmě pro ty, kteří jsou méně znalí problematiky, pokud bychom chtěli používat tento způsob zobrazování trvale, určitě se vyplatí výše uvedené skripty stáhnout a uložit kamsi (např. do “includes”) a do souboru header.php v adresáři themes/templates vložit do hlavičky dva řádky asi takto (platí pro PHP Fusion v7):

    echo “<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’></script>\n”;
    echo “<script src=’http://skripty.litomysl.net/jquery.magnifier.js’ type=’text/javascript’></script>\n”;

    Pak již můžeme používat zvětšování obrázků neomezeně….

    Přidal J M @ 07:54

  • Leave a Comment

    Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.