Atelier Multimédia de l'école d'Arts Plastiques du Grand Angoulême

dimanche 4 novembre 2012

Html

code html pour mettre en place un bannière aléatoire
Pour blogger : rajouter une page html en gadget dans la mise en page

<script>
var T = new Array()
T[0] = 'image1';
T[1] = 'image2';
T[2] = 'image3';

function rotate()
{

var tim = temps de l'afichage;

var c1 = parseInt(Math.random()*T.length);
var html = T[c1];
document.getElementById("myimg").src = html;
window.setTimeout("rotate()", (tim*1000));
}

</script>

<div style="margin: 0; padding:0;"><a href="" target="_blank" title="titre quelconque(aucune importance)"><img src=" style="width: 775px; height: 109px; border: 0;" id="myimg" title="crée une infobulle" alt="" /></a></div>
<script>rotate();</script>

Le code est buggé, mais marche.

autre code :

  <#script type="text/javascript">

   
   jQuery(function($){
    
    $.supersized({
    
     // Functionality
     slide_interval          :   9000,  // Length between transitions
     transition              :   1,    // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
     transition_speed  : 1200,  // Speed of transition
                  
     // Components       
     slide_links    : false, // Individual links for each slide (Options: false, 'num', 'name', 'blank')
     slides      :   [   // Slideshow Images
              {image : 'http://#', title : '###'},
                            {image : '#', title : '#'},
                               {image : 'http://#.jpg', title : 'Photo: #'},
{image : 'http://#.jpg', title : 'Photo: #'},
    {image : 'http://#.jpg', title : 'Photo: #'},
            ]
     
    });
      });