Inséré image dans panneau latéral

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Inséré image dans panneau latéral

Message par Andro le Dim 29 Juil 2012 - 17:25

Bonjour

J'ai trouver dans section Astuce "Panneau latéral"
j'ai tester pour le Chat-box ...il fonctionne
http://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">

http://img11.hostingpics.net/pics/69416901lewis.jpg

</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.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

Andro
****

Masculin
Messages : 418
Inscrit(e) le : 22/09/2009

http://mcdrole.forumsactifs.com/
Andro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Athnor le Dim 29 Juil 2012 - 17:42

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"

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

cordialement Noel

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Andro le Dim 29 Juil 2012 - 18:59

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

Andro
****

Masculin
Messages : 418
Inscrit(e) le : 22/09/2009

http://mcdrole.forumsactifs.com/
Andro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Athnor le Dim 29 Juil 2012 - 19:09

donne moi un exemple de lien stp

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Athnor le Dim 29 Juil 2012 - 19:20

donne moi un exemple de lien stp

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

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Andro le Dim 29 Juil 2012 - 19:39

@Athnor a écrit:donne moi un exemple de lien stp

essai de mettre sa

Code:
<a "ton lien" >


Spoiler:
http://www.lapresse.ca/

eeee pourquoi une image c'est plus long comme code ?

merci

Andro
****

Masculin
Messages : 418
Inscrit(e) le : 22/09/2009

http://mcdrole.forumsactifs.com/
Andro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Athnor le Dim 29 Juil 2012 - 19:50

je me suis trompé plus haut j'ai modifié en éditant désolé :p

pourquoi l'image est plus longue en code... Shocked 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é clown

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Andro le Dim 29 Juil 2012 - 20:07

@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... Shocked 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é clown

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="http://www.youtube.com/embed/VMQgJTggy6A?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

merci de ton aide
a+
Andro

Andro
****

Masculin
Messages : 418
Inscrit(e) le : 22/09/2009

http://mcdrole.forumsactifs.com/
Andro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Athnor le Dim 29 Juil 2012 - 20:25

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

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inséré image dans panneau latéral

Message par Andro le Dim 29 Juil 2012 - 20:41

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:
<iframe width="640" height="360" src="http://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)

Andro
****

Masculin
Messages : 418
Inscrit(e) le : 22/09/2009

http://mcdrole.forumsactifs.com/
Andro a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum