Accueil > > > Sources_SlideAlways/modele.html
[C++/QT] SLIDEALWAYS, RÉALISEZ DES SLIDES POUR VOTRE SITE AVEC LE PLUGIN CODA SLIDER
Sources_SlideAlways/modele.html
Informations sur ce code source
SlideAlways est une application qui utilise le célèbre plugin jquery coda slider pour réaliser des slides en JavaScript pour votre site internet. Au lieu de vous mettre à écrire tout le code JavaScript pour réaliser ces slides, cette petite applicati
Fichier : Sources_SlideAlways/modele.html
Nombre de lignes : 92 lignes
Afficher ce fichier en plein écran
- <!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" xml:lang="en" lang="en">
-
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
- <title>Coda-Slider 2.0</title>
- <meta http-equiv="Content-Language" content="en-us" />
-
- <meta name="author" content="Niall Doherty" />
-
- <!-- Begin Stylesheets -->
- <link rel="stylesheet" href="stylesheets/reset.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="stylesheets/coda-slider-2.0.css" type="text/css" media="screen" />
- <!-- End Stylesheets -->
-
- <!-- Begin JavaScript -->
- <script type="text/javascript" src="javascripts/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script>
- <script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"></script>
- <script type="text/javascript">
- $().ready(function() {
- $('#coda-slider-1').codaSlider({
-
- *****autoslide*****,
- *****dynamicarrow*****,
- *****dynamictabs*****,
- *****autoheight*****,
- *****autoslidestopwhenclicked*****,
- *****crosslinking*****,
- *****slideeaseduration*****,
- *****firstpaneltoload*****,
- *****autoslideinterval*****,
- *****autoheighteaseduration*****,
- *****dynamicarrowlefttext*****,
- *****dynamicarrowrighttext*****,
- *****dynamictabsalign*****,
- *****dynamictabsposition*****,
- *****autoheighteasefunction*****,
- *****slideeasefunction*****
-
- });
- });
- </script>
- <!-- End JavaScript -->
-
- </head>
-
- <body class="coda-slider-no-js">
-
- <noscript>
- <div>
- <p>Unfortunately your browser does not hava JavaScript capabilities which are required to exploit full functionality of our site. This could be the result of two possible scenarios:</p>
- <ol>
- <li>You are using an old web browser, in which case you should upgrade it to a newer version. We recommend the latest version of <a href="http://www.getfirefox.com">Firefox</a>.</li>
- <li>You have disabled JavaScript in you browser, in which case you will have to enable it to properly use our site. <a href="http://www.google.com/support/bin/answer.py?answer=23852">Learn how to enable JavaScript</a>.</li>
- </ol>
- </div>
- </noscript>
-
- <div class="coda-slider-wrapper">
- <div class="coda-slider preload" id="coda-slider-1">
- <div class="panel">
- <div class="panel-wrapper">
- <h2 class="title">**********titre1**********</h2>
- <p>*****contenu1*****.</p>
- </div>
- </div>
- <div class="panel">
- <div class="panel-wrapper">
- <h2 class="title">**********titre2**********</h2>
- <p>*****contenu2*****.</p>
- </div>
- </div>
- <div class="panel">
- <div class="panel-wrapper">
- <h2 class="title">**********titre3**********</h2>
- <p>*****contenu3*****.</p>
- </div>
- </div>
- <div class="panel">
- <div class="panel-wrapper">
- <h2 class="title">**********titre4**********</h2>
- <p>*****contenu4*****.</p>
- </div>
- </div>
- </div><!-- .coda-slider -->
- </div><!-- .coda-slider-wrapper -->
-
- </body>
- </html>
|