Inséré image dans panneau latéral

[Andro]

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

Spoiler:

Résultat sur le Forum;

Spoiler:

Merci de votre aide
cordialement
Andro

[Athnor]

tiens je t'ai changé les bouton qu'ils soient dans le bon sens aussi ^^ et je t'ai mis l'image.

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">

et si tu met ton panneau déroulant au même dimension : width="325" height="351"

si j'ai bien répondu n'oubli pas d'éditer ton premier message et de cocher

cordialement :Noel:

[Andro]

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

[Athnor]

donne moi un exemple de lien stp

[Athnor]

donne moi un exemple de lien stp

essai de mettre sa

Code:

<a href="le lien">le titre du lien</a>

[Andro]

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

[Athnor]

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é

[Andro]

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:

merci de ton aide
a+
Andro

[Athnor]

Pour la vidéo c'est sa et c'est une bonne idée bonne continuation n'oubli pas d'éditer en

[Andro]

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

Spoiler: