Bonjour,
Je galère sur un script qui a priori est simple à mettre en place sur mon site.
Connaissant le html et le css, je me suis pas trop mal débrouillée, mais par contre, mon site étant à l'horizontale, je souhaite intégrer le script "tinyscrolling" (voici l'adresse : http://lab.centralscrutinizer.it/the-tiny-scrollings/)..
Jusque la tout va bien, sauf que ...ça marche pas....
j'ai fait des recherches, et j'ai essayé de voir ce qui peut ne pas aller, mais impossible de savoir...
Voici une copie de mon head :
1 2 3 4 5 6 7 8 9 10 11 12 13
| <head>
<title>Pompodom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/tinyscrolling.js"></script>
<style type="text/css">a:link{text-decoration:none}</style>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head> |
voici une partie de la façon dont je l'ai intégré dans mon index.html pour que par exemple, lorsque l'on clique dans le menu à droite sur portfolio, le site défile jusque la rubrique "portfolio" :
<li><a href="#portfolio" title="portfolio"><img src="structure/porfolio_menu.png" alt="Portfolio" style ="margin-left: 0px; margin-top: 10px; border: none"></a></li>
Et enfin voici le "portfolio" en tant que destination :
1 2 3 4
| <div class="portfolio">
<div id="tit_portfolio" id="#portfolio">
<img src="structure/tit_portfolio.png"></img>
</div> |
Merci d'avance pour votre aide, car je suis vraiment vraiment perdue
.
Partager