Hej,
Har problem med bildvisning..
Vad betyder rel="prettyPhoto[portfolio]" här nedan:
<a href="#" class="portfolio-item-preview" rel="prettyPhoto[portfolio]">
PrettyPhoto
13 svar · 1 584 visningar · startad av norra54
http://www.w3.org/TR/html4/struct/links.html#adef-rel
I ditt fall är det antagligen ett värde som triggar/väljer något i ett album som heter PrettyPhoto.
Tycker jag har alla sökvägar rätt.. js-scriptet på rätt plats osv..
men det verkar ändå inte som att kommandot hittar..
Koder och script har jag hämtat från en existerande template och försöker nu föra in på en helt annan sida.. därav just prettyPhoto**[portfolio]** som jag inte riktigt greppar.
Du har inkluderat jquery på sidan också?
Det blir lättare att hjälpa dig om vi får en länk till sidan.
Mvh
I HEAD:en har jag
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
Det är väl det enda scriptet som krävs för att köra just denna funktion, eller?
Jag kör tyvärr endast localhost i detta uppstartsskede så länk finns ej.
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/
Nope,
Nu har jag följande:
I HEAD har jag angivit;
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="" charset="utf-8" />
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.1.6.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
JS-filerna ligger i mappen "js".
För att anropa funktionen på sidan;
<li><a href="images/3.jpg" rel="prettyPhoto[gallery1]"><img src="images/3.jpg" width="60" height="60" alt="Exempeltext" /></a></li>
Ändå får jag bara upp bilden på en blank sida.. Vad kan stå på !?
Jag tror nog att du ska följa dokumentationen och inkludera jquery före prettyphoto-scriptfilen.
mvh
Jag försöker få till att prettyPhoto fungerar för mig, så jag har gjort en test-sida (lokalt).
Jag har typ samma problem.
Att bilder, filmer etc länkas direkt, så det är en blank sida med bara bildens adress och bilden visas eller film (exempel youtube-film) länkas till själva youtube-sidan där den spelas upp.
Jag har följt efter dokumenationen och kollat på andra guider.
T.ex: http://serifaddons.com/prettyphoto.html
Så här ser min test-sida ut (ska byta ut mina egna bilder sen):
<html>
<head>
<title>Test</title>
<SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></SCRIPT>
<SCRIPT type=text/javascript charset=utf-8 src="js/jquery.prettyphoto.js"></SCRIPT>
<LINK rel=stylesheet type=text/css href="css/prettyphoto.css" charset=utf-8 media="screen">
</head>
<body>
<a href="http://www.willys.se/Global/Bilder/faq-top.jpg" rel="prettyPhoto[gallery]" title="my caption">
<img border="0" src="http://www.willys.se/Global/Bilder/faq-top.jpg"></a>
<a href="http://www.youtube.com/watch?v=kr9LhhdKSyg" rel="prettyPhoto[gallery]" title="my caption">
<img border="0" src="http://www.hemkop.se/oliver_upload/upl18629-hemkop_butiksbild.jpg"></a>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto({theme:'light_rounded'});
});
</script>
</body>
</html>
Jag har laddat hem filerna från prettyPhoto's hemsida och lagt dem i rätt mappar etc.
Jag får inga anmärkningar alls av IE (Internet Explorer) på att det är "error" nånstans.
Med Firefox är det lika som IE...
Men i IE kommer med en notis när jag öppnar sidan:
"To help protect your security, Internet Explorer has restricted this webpage from running scripts or ActiveX controls that could access your computer."
Denna notis kommer aldrig upp på andra sidor som använder prettyPhoto.
Någon som har en aning vad som kan vara för fel?
Ska man ha någon egen personlig css-fil?
Har inte sett någon som har dokumenterat det.
Jag tror att det bara blir så när du kör lokalt. Ladda upp sidan på internet så funkar det nog fint.
Du kan också ställs in IE så du kan köra scripten lokalt om du vill det.
Mvh
Nu har jag också testat att köra sidan online.
Men det är samma resultat. :(
Är det all kod som ska vara där?
Om nej; Vad för nåt behövs mer för att prettyPhoto ska fungera när denna kod som jag har är rätt?
Om ja; Vad kan då felet bero på att det inte funkar när allt är korrekt?
Jag har kollat på andra sidor och det är mycket mer kod där, men jag vet inte om det har något med prettyPhoto att göra. :/
Jag hittade vad det var som gjorde att det inte funkade.
Denna kod finns inte med på PrettyPhoto's sida:
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
Den koden skulle vara med bland dessa koder inom "head"-delen:
<SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></SCRIPT>
<SCRIPT type=text/javascript charset=utf-8 src="js/jquery.prettyphoto.js"></SCRIPT>
<LINK rel=stylesheet type=text/css href="css/prettyphoto.css" charset=utf-8 media="screen">
Så nu funkar det. :)