Iframe - webcam
2 participants
Page 1 sur 1
Iframe - webcam
par franck.ludi 9/3/2009, 22:12
Bonjour à tous
Je travaille sur l'insertion d'une iframe sur mon site, pas de problème avec les codes html, mais l'image de la webcam que je souhaite intégrer est trop grande.
Comment réduire le % affiché de l'image et non pas le nombre de pixel.
voici le code de l'iframe
D'avance merci
Franck
Je travaille sur l'insertion d'une iframe sur mon site, pas de problème avec les codes html, mais l'image de la webcam que je souhaite intégrer est trop grande.
Comment réduire le % affiché de l'image et non pas le nombre de pixel.
voici le code de l'iframe
- Code:
<iframe name="webcamchat" SRC="http://www.trinum.com/ibox/chatel/Images/chatel_village.jpg" scrolling="yes" height="800" width="1050" FRAMEBORDER="no"></iframe>
D'avance merci
Franck
franck.ludi- Simple Membre
- Messages : 20
Inscription : 01/03/2009 Localisation : haute savoie
Version iWeb : A remplir!
Publication : MobileMe
Re: Iframe - webcam
par koeklin 9/3/2009, 22:29
D'apres ce que je comprends c'est une image avec une adresse d'image
l'image change mais on la trouve toujours à la même adresse cad à http://www.trinum.com/ibox/chatel/Images/chatel_village.jpg
alors autant mettre un code d'image et non d'iframe comme je viens de le faire sur ton message au moins en diminuant la hauteur et la largeur proportionnellement on arrive à quelques chose d'affichage
ps : on met des balises code pour afficher un code le forum,
son bouton est illustré par
l'image change mais on la trouve toujours à la même adresse cad à http://www.trinum.com/ibox/chatel/Images/chatel_village.jpg
alors autant mettre un code d'image et non d'iframe comme je viens de le faire sur ton message au moins en diminuant la hauteur et la largeur proportionnellement on arrive à quelques chose d'affichage
- Code:
<img alt="webcamchat" src="http://www.trinum.com/ibox/chatel/Images/chatel_village.jpg" height="400" width="525" FRAMEBORDER="no"></img>
ps : on met des balises code pour afficher un code le forum,
son bouton est illustré par
koeklin- Membre Pathologique
- Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré -
Re: Iframe - webcam
par franck.ludi 10/3/2009, 00:04
Merci, je fais des essais dans la nuit.
Donc, je change : height et width pour choisir la dimension de l'image ?
D'avance merci
Franck ludi
Donc, je change : height et width pour choisir la dimension de l'image ?
D'avance merci
Franck ludi
franck.ludi- Simple Membre
- Messages : 20
Inscription : 01/03/2009 Localisation : haute savoie
Version iWeb : A remplir!
Publication : MobileMe
Re: Iframe - webcam
par koeklin 10/3/2009, 00:07
oui, essaie déjà ça.franck.ludi a écrit:Donc, je change : height et width pour choisir la dimension de l'image ?
koeklin- Membre Pathologique
- Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré -
Re: Iframe - webcam
par franck.ludi 10/3/2009, 00:49
]ok ça marche (mais il fait nuit pour l'instant et la webcam ne renvoie que du noir).
Autre question,
je n'arrive pas à paramétrer "un effet de zoom lors du passage de la souris"
voilà le code "ci-aprés", mais je n'arrive pas à suivre "la logique des codes".
Qu'elle sont les parties à remplacer et par quoi?
Quand sur le forum vous dite "upgrader sur le serveur", c'est bien créer un dossier dans mon idisk (.mac), dans lequel j'intégre les images nécessaire aux animations?
Quel nom de dossier?
Désolé pour toutes ces questions.
Merci pour votre aide
Franck
Autre question,
je n'arrive pas à paramétrer "un effet de zoom lors du passage de la souris"
voilà le code "ci-aprés", mais je n'arrive pas à suivre "la logique des codes".
Qu'elle sont les parties à remplacer et par quoi?
Quand sur le forum vous dite "upgrader sur le serveur", c'est bien créer un dossier dans mon idisk (.mac), dans lequel j'intégre les images nécessaire aux animations?
Quel nom de dossier?
Désolé pour toutes ces questions.
Merci pour votre aide
Franck
- Code:
<html>
<head>
<script language="Javascript">
var coeff=4;//Coefficient de reduction
var larg=200;//largeur maxi de l'image
var haut=194;//hauteur maxi de l'image
var coeffinit=coeff;
function changer(nom_de_limage) {
if (document.images[nom_de_limage].width < larg) {
coeff = coeff-0.2;
document.images[nom_de_limage].width = Math.round(larg/coeff);
document.images[nom_de_limage].height = Math.round(haut/coeff);
chang=window.setTimeout('changer("'+document.images[nom_de_limage].name+'");',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial(nom_de_limage) {
if (document.images[nom_de_limage].width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.images[nom_de_limage].width = Math.round(larg/coeff);
document.images[nom_de_limage].height = Math.round(haut/coeff);
initi=window.setTimeout('initial("'+document.images[nom_de_limage].name+'");',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>
</head>
<body>
<p align="center">
<a href="#" onMouseOut="initial('image1')" onMouseOver="changer('image1')" ><img src="nom de l'image ici" name="image1" border="0"></a>
</p>
<script language="Javascript">
<!--
//PLF-http://www.jejavascript.net/
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
//-->
</script>
<p align="center">
<a href="#" onMouseOut="initial('image2')" onMouseOver="changer('image2')" ><img src="nom de l'image ici" name="image2" border="0"></a>
</p>
<script language="Javascript">
<!--
document.image2.width = Math.round(larg/coeff);
document.image2.height = Math.round(haut/coeff);
//-->
</script>
<p align="center">
<a href="#" onMouseOut="initial('image3')" onMouseOver="changer('image3')" ><img src="nom de l'image ici" name="image3" border="0"></a>
</p>
<script language="Javascript">
<!--
document.image3.width = Math.round(larg/coeff);
document.image3.height = Math.round(haut/coeff);
//-->
</script>
</body>
</html>
franck.ludi- Simple Membre
- Messages : 20
Inscription : 01/03/2009 Localisation : haute savoie
Version iWeb : A remplir!
Publication : MobileMe
Re: Iframe - webcam
par koeklin 10/3/2009, 00:57
Rappel : on met des balises code pour afficher un code le forum,
son bouton est illustré par
il vient doù ce code?
son bouton est illustré par
il vient doù ce code?
koeklin- Membre Pathologique
- Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré -
Re: Iframe - webcam
par franck.ludi 10/3/2009, 10:38
J'ai découvert cela sur "iweb beginner".
Rappel : on met des balises code pour afficher un code le forum -> décodage SVP.
Bonne journée à tous
Franck
Rappel : on met des balises code pour afficher un code le forum -> décodage SVP.
Bonne journée à tous
Franck
franck.ludi- Simple Membre
- Messages : 20
Inscription : 01/03/2009 Localisation : haute savoie
Version iWeb : A remplir!
Publication : MobileMe
Sujets similaires» Diffuser une webcam dans iWeb - evocam
» Bibliothèque de codes simples en HTML
» Lien vers iframe ou nouvelle page
» Inserer un iFrame
» Image par dessus IFrame?
» Bibliothèque de codes simples en HTML
» Lien vers iframe ou nouvelle page
» Inserer un iFrame
» Image par dessus IFrame?
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|