Mais tout à fait,
Voilà donc ça c'est pour la partie avec les photos:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="yoxview/yoxview-init.js"></script>
<link rel="stylesheet" type="text/css" href="yoxview/yoxview.css" />
<title>Document sans nom</title>
</head>
<body>
<div class="yoxview">
<a href="photo_voyage/01.jpg"><img src="miniatures/01.jpg" alt="Image 1"/></a>
<a href="photo_voyage/02.jpg"><img src="miniatures/02.jpg" alt="Image 2"/></a>
</div>
</body>
</html>
Et ça le code relié (comme c'est indiqué dans les instructions):
var yoxviewPath = getYoxviewPath();
var cssLink = top.document.createElement("link" );
cssLink.setAttribute("rel", "Stylesheet" );
cssLink.setAttribute("type", "text/css" );
cssLink.setAttribute("href", yoxviewPath + "yoxview.css" );
top.document.getElementsByTagName("head" )[0].appendChild(cssLink);
function LoadScript(url)
{
document.write( '<scr' + 'ipt type="text/javascript" src="' + url + '"><\/scr' + 'ipt>' ) ;
}
var jQueryIsLoaded = typeof jQuery != "undefined";
if (!jQueryIsLoaded)
LoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" );
LoadScript(yoxviewPath + "yoxview-nojquery.js" );
function getYoxviewPath()
{
var scripts = document.getElementsByTagName("script" );
var regex = /(.*\/)yoxview-init/i;
for(var i=0; i<scripts.length; i++)
{
var currentScriptSrc = scripts[i].src;
if (currentScriptSrc.match(regex))
return currentScriptSrc.match(regex)[1];
}
return null;
}
// Remove the next line's comment to apply yoxview without knowing jQuery to all containers with class 'yoxview':
//LoadScript(yoxviewPath + "yoxview-nojquery.js" );
Pourtant je pense avoir suivi à la lettre les instructions: