Inséré image dans panneau latéral
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Inséré image dans panneau latéral
Bonjour
J'ai trouver dans section Astuce "Panneau latéral"
j'ai tester pour le Chat-box ...il fonctionne
https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant
alors j'ai pris le panneau latéral a droite... pour pouvoir y mettre du texte ect
Texte Brut; ok ca marche
Lien web ; NE marche pas
Image; NE marche pas
et je ne sais pas pourquoi ca ne marche pas ?
mon code pour une image test
Résultat sur le Forum;
Merci de votre aide
cordialement
Andro
J'ai trouver dans section Astuce "Panneau latéral"
j'ai tester pour le Chat-box ...il fonctionne
https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant
alors j'ai pris le panneau latéral a droite... pour pouvoir y mettre du texte ect
Texte Brut; ok ca marche
Lien web ; NE marche pas
Image; NE marche pas
et je ne sais pas pourquoi ca ne marche pas ?
mon code pour une image test
- Spoiler:
- jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
https://2img.net/r/hpimg11/pics/69416901lewis.jpg
</div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
Résultat sur le Forum;
- Spoiler:
Merci de votre aide
cordialement
Andro
Re: Inséré image dans panneau latéral
tiens je t'ai changé les bouton qu'ils soient dans le bon sens aussi ^^ et je t'ai mis l'image.
si tu veux changer la résolution:
width="800" height="400"
change le 800 (largueur) et le 400 (hauteur) en pixel
une bonne résolution pour l'image (à copier coller dans le code à la place du texte)
si j'ai bien répondu n'oubli pas d'éditer ton premier message et de cocher
cordialement :Noel:
- Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #000000;z-index:10000;"><tr><td><div id="panneaub" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
<img style="-webkit-user-select: none; cursor: -webkit-zoom-in; " src="http://img11.hostingpics.net/pics/69416901lewis.jpg" width="800" height="400">
</div></td><td style="vertical-align: bottom;"><img src="http://i48.servimg.com/u/f48/17/58/04/62/ouvrir10.png" onClick="document.getElementById(\'panneaub\').style.display=(this.src==\'http://i48.servimg.com/u/f48/17/58/04/62/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i48.servimg.com/u/f48/17/58/04/62/ouvrir10.png\')?\'http://i48.servimg.com/u/f48/17/58/04/62/fermer10.png\':\'http://i48.servimg.com/u/f48/17/58/04/62/ouvrir10.png\';"/></td></tr></table>'); } );
si tu veux changer la résolution:
width="800" height="400"
change le 800 (largueur) et le 400 (hauteur) en pixel
une bonne résolution pour l'image (à copier coller dans le code à la place du texte)
- Code:
<img style="-webkit-user-select: none; cursor: -webkit-zoom-out; " src="http://img11.hostingpics.net/pics/69416901lewis.jpg" width="325" height="351">
si j'ai bien répondu n'oubli pas d'éditer ton premier message et de cocher
cordialement :Noel:
Re: Inséré image dans panneau latéral
Bonjour Athnor
Ok ton code fonctionne
pour le grandeur j'avais réduit la fenètre je la trouvais trop grande
redimensionner a 400 x 400
et je la changerai au fil des images que je mettrerai
j'ai modifier la grandeur dans le code
donc je conserve ton code pour une image, merci
Pour un lien web il faut faire quoi comme code s.v.p.
car ca quand je met le lien web direct , ca marche pas
Et peut-on mettre plus que 1 panneau latéral ????
Merci de ton aide
Cordialement
andro
Ok ton code fonctionne
pour le grandeur j'avais réduit la fenètre je la trouvais trop grande
redimensionner a 400 x 400
et je la changerai au fil des images que je mettrerai
j'ai modifier la grandeur dans le code
donc je conserve ton code pour une image, merci
Pour un lien web il faut faire quoi comme code s.v.p.
car ca quand je met le lien web direct , ca marche pas
Et peut-on mettre plus que 1 panneau latéral ????
Merci de ton aide
Cordialement
andro
Re: Inséré image dans panneau latéral
donne moi un exemple de lien stp
Re: Inséré image dans panneau latéral
donne moi un exemple de lien stp
essai de mettre sa
essai de mettre sa
- Code:
<a href="le lien">le titre du lien</a>
Dernière édition par Athnor le Dim 29 Juil 2012 - 19:51, édité 2 fois
Re: Inséré image dans panneau latéral
Athnor a écrit:donne moi un exemple de lien stp
essai de mettre sa
- Code:
<a "ton lien" >
- Spoiler:
eeee pourquoi une image c'est plus long comme code ?
merci
Re: Inséré image dans panneau latéral
je me suis trompé plus haut j'ai modifié en éditant désolé :p
pourquoi l'image est plus longue en code... bah euh c'est comme sa mon gars c'est la vie, tu t'es déjà demandé pourquoi l'univers ? bah là c'est pareil un peu...
en vrai je sais pas du tout désolé
pourquoi l'image est plus longue en code... bah euh c'est comme sa mon gars c'est la vie, tu t'es déjà demandé pourquoi l'univers ? bah là c'est pareil un peu...
en vrai je sais pas du tout désolé
Re: Inséré image dans panneau latéral
Athnor a écrit:je me suis trompé plus haut j'ai modifié en éditant désolé :p
pourquoi l'image est plus longue en code... bah euh c'est comme sa mon gars c'est la vie, tu t'es déjà demandé pourquoi l'univers ? bah là c'est pareil un peu...
en vrai je sais pas du tout désolé
ok pour code image, Merci
pour le code lien web ??? stu bon, je n'ai pas tester, merci
et j'y pense peut-on y mettre une video Youtube par hazard, ? merci
- Spoiler:
- <iframe width="640" height="360" src="https://www.youtube.com/embed/VMQgJTggy6A?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
merci de ton aide
a+
Andro
Re: Inséré image dans panneau latéral
Pour la vidéo c'est sa et c'est une bonne idée bonne continuation n'oubli pas d'éditer en
Re: Inséré image dans panneau latéral
Merci beaucoup Athnor
vous avez fait ma journée
Très apprécié
a la prochaine
Cordialement
Andro
je viens juste de cheker pour la video...Ca ne marche pas lolll
vous avez fait ma journée
Très apprécié
a la prochaine
Cordialement
Andro
je viens juste de cheker pour la video...Ca ne marche pas lolll
- Spoiler:
- <iframe width="640" height="360" src="https://www.youtube.com/embed/VMQgJTggy6A?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
Dernière édition par Andro le Dim 29 Juil 2012 - 20:49, édité 1 fois (Raison : code video marche pas)
Sujets similaires
» Iframe dans panneau latéral coulissant
» Probleme de texte dans mon panneau latéral
» WebRadio dans un panneau Coulissant latéral Gauche
» Mettre un chatbox de chatango dans un panneau latéral.
» Mettre "Qui est en ligne" dans panneau latéral coulissant
» Probleme de texte dans mon panneau latéral
» WebRadio dans un panneau Coulissant latéral Gauche
» Mettre un chatbox de chatango dans un panneau latéral.
» Mettre "Qui est en ligne" dans panneau latéral coulissant
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum