]]> Comment ajouter aléatoire, Rotation des images pour Blogger tête ~ aw ! web LE PARTAGE

What is JavaScript?

JavaScript is a scripting language originally developed by Netscape to add interactivity and power to web documents. It is purely client side, and runs completely on the client's browser and computer.

Difference betwen Java & JavaScript?

Java is completely different from JavaScript- the former is a compiled language while the later is a scripting language.

What is DHTML?

DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience.

Comment ajouter aléatoire, Rotation des images pour Blogger tête

23:47  A.Hicham  No comments

Comment ajouter aléatoire, Rotation des images pour Blogger tête
Dans ce tutoriel, je vais vous expliquer comment ajouter aléatoires, les images en rotation de votre tête background
.quand blogueur après avoir ajouter cette fonctionnalité sur votre blog blogger, l'image d'en-tête de votre blog sera rotation / changement dans chaque page de refresh.avant faire ce truc vous devez créer des images en-tête de votre blog.In ce tutoriel, je vais vous montrer comment faire pivoter 5 images en-tête.
1.Connectez-vous à votre tableau de bord -> présentation -> Modifier le code HTML
2.Faites défiler jusqu'à l'endroit où vous voyez <body>tag
3.Maintenant copie ci-dessous et collez le code juste après le< body> tag


<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;URL-OF-HEADER-IMAGE-1&quot;
HeaderImage[1]=&quot;URL-OF-HEADER-IMAGE-2&quot;
HeaderImage[2]=&quot;URL-OF-HEADER-IMAGE-3&quot;
HeaderImage[3]=&quot;URL-OF-HEADER-IMAGE-4&quot;
HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-5&quot;
var random=Math.round(4*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>
Remplacez "URL DE TÊTE-image-X" avec votre URL d'image.
Si le code ci-dessus ne fonctionne pas pour votre blog, puis remplacez "# header-wrapper" par "# header". (ID ou de classe de votre section en-tête).
Vous pouvez ajouter un nombre différent d'images que 5.But n'oubliez pas de changer "4 * Math.random ()", selon le nombre d'images par exemple. quand vous voulez ajouter 8 images différentes pour votre fond d'en-tête de blog, puis code doit être le changement que "7 * Math.random ()" Regardez l'exemple ci-dessous.:

<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;URL-OF-HEADER-IMAGE-1&quot;
HeaderImage[1]=&quot;URL-OF-HEADER-IMAGE-2&quot;
HeaderImage[2]=&quot;URL-OF-HEADER-IMAGE-3&quot;
HeaderImage[3]=&quot;URL-OF-HEADER-IMAGE-4&quot;
HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-5&quot;
HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-6&quot;
HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-7&quot;
HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-8&quot;
var random=Math.round(7*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>

4.Now sauvegarder votre modèle et votre travail est fait.actualiser votre blog ou appuyer sur F5 dans votre clavier  pour voir l'imaged'en-téte ou votre slide 
comme on dit

Posted in:

0 commentaires:

Enregistrer un commentaire

 
nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn