begin process at 2012 05 30 04:02:06
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

script de jeu de cadre avec imagette et texte

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

script de jeu de cadre avec imagette et texte

lundi 31 janvier 2011 à 20:07:25 | script de jeu de cadre avec imagette et texte

kikizxr
bonjour,

je cherche a faire comme celui du RCT; http://www.rctoulon.com/ le cadre "a la une", "fil l'infos"

j ai deja ce bout de script mais je ne sai pas comment metre le texte dans le cadre de gauche
merci de votre aide

<script type="text/javascript">

function change(imageaaffiche){
document.getElementById('coucou').src=imageaaffiche
}
</script>

</head>

<body>
<table width=60% border="1">
<tr>
<td rowspan="4"><img id ='coucou' src ='pole jeune photo/m19/20101204RSM XV Les Plages CADETS/mini-63130_170515896316363_168817739819512_393608_2654032_n.jpg'width="540" height="400"></td>
<td><img src ='pole jeune photo/M 17/RSMXV VS RCA/157015_174031545953697_100000405593837_437508_5291706_n.jpg'width="175" height="110" style='cursor:pointer' onmouseover="change('pole jeune photo/M 17/RSMXV VS RCA/157015_174031545953697_100000405593837_437508_5291706_n.jpg')"></td>
</tr>
<tr>
<td><img src ='pole jeune photo/m19/20101204RSM XV Les Plages CADETS/33979_170518469649439_168817739819512_393680_2774139_n.jpg'width="175" height="110" style='cursor:pointer' onmouseover="change('pole jeune photo/m19/20101204RSM XV Les Plages CADETS/33979_170518469649439_168817739819512_393680_2774139_n.jpg')"></td>
</tr>
<tr>
<td><img src ='pole jeune photo/m19/20101204RSM XV Les Plages CADETS/156779_170515786316374_168817739819512_393605_230215_n.jpg'width="175" height="110" style='cursor:pointer' onmouseover="change('pole jeune photo/m19/20101204RSM XV Les Plages CADETS/156779_170515786316374_168817739819512_393605_230215_n.jpg')"></td>
</tr>
<tr>
<td><img src ='pole jeune photo/M 17/RSMXV VS RCA/155725_174040752619443_100000405593837_437631_7433977_n.jpg'width="175" height="110" style='cursor:pointer' onmouseover="change('pole jeune photo/M 17/RSMXV VS RCA/155725_174040752619443_100000405593837_437631_7433977_n.jpg')"></td>
</tr>
</table>
lundi 7 février 2011 à 12:19:07 | Re : script de jeu de cadre avec imagette et texte

kazma

Administrateur CodeS-SourceS
un code tout fait a adapter selon besoin

dans cette exemple les grandes images on une taille de 300*300 et les petites 150*150

Code HTML :
<!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">
<head>
<script type="text/javascript">

tbtitre=new Array("titre 1","titre 2","titre 3");
tbtxt=new Array("Lorem Ipsum is simply dummy text of the printing and typesetting industry.","when an unknown printer took a galley of type and scrambled it to make a type specimen book.","Lbut also the leap into electronic typesetting, remaining essentially unchanged.");
tbimage=new Array("d1g.jpg","d2g.jpg","d3g.jpg");

 function change(lui){
 
 for (var i=0; i<lui.parentNode.getElementsByTagName('img').length ; i++){
 if(lui.parentNode.getElementsByTagName('img')[i]==lui) {
 
document.getElementById('txt').firstChild.nodeValue=tbtxt[i]
document.getElementById('titre').firstChild.nodeValue=tbtitre[i]
document.getElementById('coucou').src=tbimage[i]
 }
 }
}
</script>
</head>
<body>
<div>


<div  style='width:300px'>

<img id ='coucou' src ='d1g.jpg'/>

<div style='width:100%;height:100px;background-color:black;color:white;margin-top:-100px;opacity:0.5;filter:alpha(opacity=50);'>

<span id='titre' style='font-size:20px;'>titre 1</span>

<span id='txt' style='display:block;width:300px;'>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
</div>
</div>
lundi 7 février 2011 à 15:03:14 | Re : script de jeu de cadre avec imagette et texte

kazma

Administrateur CodeS-SourceS
apparement j'a buge

la partie manquante

Code HTML :

<div style='position:relative;margin-top:-300px;margin-left:310px'>
<img src ='d1.jpg' style='cursor:pointer;display:block' onmouseover="change(this)">
<img src ='d2.jpg' style='cursor:pointer;display:block' onmouseover="change(this)">
<img src ='d3.jpg' style='cursor:pointer;display:block' onmouseover="change(this)">
</div>


</div>

</body>
</html>


Cette discussion est classée dans : script, texte, jeu, cadre, imagette

Répondre à ce message

Sujets en rapport avec ce message

Effet de texte [ par romain2boss ] Salut,je suis pas un fan de javascript, et je cherche de puis un bon bout de temps un script de défilement de texte qui fasse un peu comme l'intro de cherche script "clic" bouton et affiche txt ou img dans une zone de texte [ par tiago206 ] Bonjour, à tous! je suis débutant en javascript et pour mon portfolio dans la partie création j'ai créer des petites cases qui correspondent chacune à Texte défilant avec arrêt souris [ par Jonef ] Salut à tousJ'ai un petit prob car j'aimerais créer un page internet où il y aurait un script java qui ferait défiler un texte horizontalement et qui Menu deroulant et cadre [ par mackoy73 ] Bonjour,J'ai une page divisée en 2 cadres. Le premier cadre, contient un menu déroulant. Qd on sélectionne une pas dans le menu déroulant, cette page Script faisceau de phare pour texte [ par fbtui ] Bonjour,Je cherche (sans succès) un script qui permet d'animer un texte, comme si le faisceau d'un phare l'éclairait de façon répétitive. Je suis allé CHERCHE SCRIPT POUR SURLIGNAGE DE TEXTE [ par lapin blanc ] voila je cherche un script permettant d'empecher que l'on surligne du texte sur une page . Merci de votre aide. impression jeu de cadre tout entier [ par attarte ] J'ai un jeu de cadre découpé en deux. Un des deux cadres contient un bouton imprimer. Le javascript window.print() ne m'imprime que le cadre où se tro Problème sur script pour formulaire [ par Dark_Kirua ] Bonjour, je lutte un peu pour ce script:le formulaire est composé entre autres d'un champ texte et d'une checkbox et j'aimerais que la checkbox reste Problème script de redimensionnement de frame avec Firefox ou tout autre navigateur plus évolué que IE [ par Squallou ] Bonjour.Sous IE j'avais un script pour redimensionner mon cadre :function reSize(){ try{ var oBody = Cadre.document.body; var oFrame = document.all("C recherche de script [ par nickg ] Je cherche un script qui me permettrait d'inclure un texte provenant d'une page web, dans une autre page web . Par exemple une zone de texte que l'o


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (16 Go)
Entre 0€ et 0€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,390 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)