Bonjour,
Je quitte “vos sites, faîtes nous les découvrir” pour passer à “création de vos sites - Code HTML” plus adapté, je pense à mes questions du moment.
J’en suis aux conseils de Marc du 18 mars pour faire se superposer mes quatre images représentatives de la “Randonnée au long cours” dans ma page d’accueil.
La première proposition : non, ce n’est pas ce que je veux.
La seconde proposition : c’est presque ça (mon idée était que ça change en passant le pointeur dessus mais bon, ça n’existe peut être pas ou alors c’est trop complexe pour moi !)
En route donc en suivant scrupuleusement le tutoriel !
Tout bien, de l’ouverture de “Simpleviewer” jusqu’à mes 4 photos dans le dossier “images” et dans le dossier “thumbs”.
Après, ...
Le dossier “index.html” posé sur “Smultron” (précédemment chargé avec succès !) donne çà :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SimpleViewer Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "gallery.xml";
var params = {};
params.allowfullscreen = true;
params.allowscriptaccess = "always";
params.bgcolor = "222222";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
</script>
<style type="text/css" media="screen">
html, body { height:100%; }
body {
margin:0;
padding:0;
overflow:hidden;
background-color: #222;
color:#666;
font-family:sans-serif;
font-size:20px;
}
a {
color:#ff0000;
}
</style>
</head><body><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body>
</html>
La dernière ligne étant la 34 !
Ceci étant dit, actuellement, la couleur de fond de la galerie ne me perturbe pas trop !
Ensuite ...
J’ouvre “gallery.xml” avec “Smultron” (même méthode du “posé”) et çà donne çà :
<?xml version="1.0" encoding="UTF-8"?>
<simpleviewergallery
galleryStyle="MODERN"
title="SimpleViewer Gallery"
textColor="FFFFFF"
frameColor="FFFFFF"
frameWidth="20"
thumbPosition="LEFT"
thumbColumns="3"
thumbRows="3"
showOpenButton="TRUE"
showFullscreenButton="TRUE"
maxImageWidth="640"
maxImageHeight="640"
useFlickr="false"
flickrUserName=""
flickrTags=""
languageCode="AUTO"
languageList=""
imagePath="images/"
thumbPath="thumbs/"
>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[Welcome to <u><a href="http://www.simpleviewer.net" target="_blank">SimpleViewer</a></u>.]]></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption>SimpleViewer is a free, customizable Flash image gallery. Use it to display your images on any web page in a professional, intuitive and simple way.</caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption>SimpleViewer can be used on any website for free and is compatible with Windows, Mac and Linux.</caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption>SimpleViewer features intuitive image navigation, smart image pre-loading and a resizable interface that scales to fit the browser window (try resizing your browser).</caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[Supports optional <b>fullscreen mode</b> and <b>external image links</b> via the Button Bar at top-right and the right-click menu.]]></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="http://www.simpleviewer.net" linkTarget="_blank" >
<caption>This image use the linkURL attribute to link to a specific URL (use the arrow icon button at top-right to navigate).</caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[Captions can be HTML formatted. Supported tags are <b>bold</b>, <u>underline</u>, <i>italics</i>, <u><a href="http://www.simpleviewer.net" target="_blank">hyperlinks</a></u>, linebreaks<br> and <font color="#ffff00" size="30">font tags</font>]]></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption>Handles images with different aspect ratios. Images can be tall or wide.</caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption>Images can be loaded via an XML document or directly from Flickr using a Flickr user name and/or tags..</caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption>3 different standard gallery styles: Modern, Classic and Compact.</caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption>Navigate through the images by clicking or using the keyboard: Cursor keys, Home, End, Page Up/Down.</caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[All <u><a href="http://www.simpleviewer.net/simpleviewer/support/standard_options.html" target="_blank">configuration options</a></u> are customizable by editing an XML file in any text editor.]]></caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[Includes automatic international language support, and supports non-english characters<br><br>ンツを活用して広告収入を得ることが可能]]></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[For SimpleViewer support and documentation, view the <u><a href="http://www.simpleviewer.net/simpleviewer/support" target="_blank">SimpleViewer Support Page</a></u>.]]></caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[For advanced customization options, no download link and more - check out<br><u><a href="http://www.simpleviewer.net/simpleviewer/pro" target="_blank">SimpleViewer-Pro</a></u>.]]></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption></caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption></caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption></caption>
</image>
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption></caption>
</image>
<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="" linkTarget="" >
<caption></caption>
</image>
</simpleviewergallery>
Lignes 1 à 93 mais la ligne 7
textColor="FFFFFF"
ne correspond en rien à ce qui est dit dans le tutoriel ?
Ne s’agirait-il pas de la 27 plutôt que la 7 ?
Voilà, je ne vais pas plus loin pour l’instant.
Nota :
Vous allez peut être regretter votre accueil chaleureux au ”vieux” !
Les “vieux ch......” çà existe !
Réjouissez-vous cependant, ce jeudi 25 mars, je disparais pour une quarantaine de jours !
il faudra que je prenne le temps de revoir ça quand j'aurais plus de temps. Faire un tutoriel pour qu'il ait une durée de validité de moins de 9 mois (sans doute beaucoup moins ) c'est dur à encaisser quand même. Je pense plutôt expliquer à l'avenir "comment utiliser Simpleviewer (et les autres) avec Jalbum et iWeb".
News
Plan de site
SitemapIndex
Flux RSS