changer d'image dans un autre cadre

changer d'image dans un autre cadre - HTML/CSS - Programmation

Marsh Posté le 30-09-2005 à 03:04:55    

bonjour,
voila je cherche le moyen de changer une image en 370x370 qui se trouve dans une partie de ma page, quand on clique sur sa miniature dans une autre partie de la page.
 
Merci par avance de vos réponses.


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 30-09-2005 à 03:04:55   

Reply

Marsh Posté le 30-09-2005 à 09:17:42    

Tu connais un peu le PHP ? [:dawa]

Reply

Marsh Posté le 30-09-2005 à 09:35:26    

absolument pas... :'(


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 30-09-2005 à 14:54:38    

quelqu'un a-t-il une réponse autre que le PHP, car je cherche mais je ne trouve pas !
 
merci


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 30-09-2005 à 15:09:52    

je comprends pas bien, tu pourrais nous faire un dessin stp ?
 
(c'est vendredi...)

Reply

Marsh Posté le 30-09-2005 à 15:19:07    

Bah c'est faisable en js je suppose et même peut être bien que ca a déjà été fait!
A chercher sur google a mon avis ca doit se trouver!
 

backdafuckup a écrit :

je comprends pas bien, tu pourrais nous faire un dessin stp ?
 
(c'est vendredi...)


Ouai justement j'ai un peu choisi la réponse facile là...
Difficile de réfléchir en fin de semaines, je tombe tellement que mon collégue me demande se que je fou avec les yeux à un cm de l'écran et je lui répond : le nez bloque, j'eux pas aller plus loin!  :lol:


Message édité par dwogsi le 30-09-2005 à 15:20:56

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 30-09-2005 à 15:36:43    

bon voila je vous donne l'adresse du site  
http://www.pc14.fr/sh/
ce que je veux c'est quand je clique sur les petites images en je veux que la grande image change tout simplement.
 
merci de votre aide encore une fois.


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 30-09-2005 à 15:52:44    

voilà :

Code :
  1. <img src="0.jpg" id="pouet">
  2. <a href="#NULL" OnClick="document.getElementById('pouet').src='1.jpg'">Changer</a>


 
Testé sous FF et IE => Fonctionne!
 
En test ici : http://www.softsharing.net/perso/f [...] /index.htm
 
edit : [cp] = faute de frappe, dsl

Message cité 1 fois
Message édité par dwogsi le 30-09-2005 à 15:54:49

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 30-09-2005 à 15:53:56    

ok merci mais c'est quoi la fonction [cp] ???
 
je n'en n'ai jamais entendu parler  :heink:


Message édité par Prozac-14 le 30-09-2005 à 15:54:22

---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 30-09-2005 à 15:57:59    

Regarde, message edité!


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 30-09-2005 à 15:57:59   

Reply

Marsh Posté le 30-09-2005 à 16:05:06    

dwogsi a écrit :

voilà :

Code :
  1. <img src="0.jpg" id="pouet">
  2. <a href="#NULL" OnClick="document.getElementById('pouet').src='1.jpg'">Changer</a>


 
Testé sous FF et IE => Fonctionne!
 
En test ici : http://www.softsharing.net/perso/f [...] /index.htm
 
edit : [cp] = faute de frappe, dsl


C'est naze :o Sans Js, on atterit nulle-part :o Tu pourrait quand-même mettre l'URL de la grande image dans le href :o

Reply

Marsh Posté le 30-09-2005 à 16:08:53    

Hey!! Mais, euh... J'ai fait ca vite fait moi!
 
Edit : Et puis d'ailleur je me sert pas souvent du js! J'ai une préférence pour faire ca avec du php et le rechargement de la page, mais je pense pas que ce soit ce qu'il veut...
 
De toute facon j'aime pas le js c'est, selon moi et la plupart du temps, remplacable par des solutions plus compatibles!


Message édité par dwogsi le 30-09-2005 à 16:14:40

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 30-09-2005 à 19:58:15    

euh... vous savez je vais vous faire une confidence. Perso je serais d'accord pour mettre du PHP... mais le site n'est pas pour moi. Et le client il veut juste une chose : c'est que ca marche. Comment il s'en fout ! du moment que ca marche c'est le principal.
[mode : moralisateur/on]
C'est ce que beaucoup ne comprennent pas : mes clients, comme peut-être les votres veulent que leur site soit joli, marrant, fun, interessant, conviviale et que surtout le premier naze venu comprenne comment on va d'une section à une autre sur le site. Après à savoir comment ca marche, si c'est du PHP, du HTML, de L'AZT ou du tirelipimpom (surlechiwawa) le client s'en fout. Du moment que l'on répond à ses attentes. Le reste c'est nous et seulement nous. Mais perso pour faire un site de 7 pages sur une Chambre d'Hôtes, et qui ne sera mis à jour qu'une fois par an, je ne pense pas qu'il soit necessaire de sortir l'artillerie lourde et que du HTML et du JS de papa soient nettement suffisant. ;)
[mode : moralisateur/off]
 
ah oui une dernière chose : MERCI MESSIEURS !!!  :jap:

Message cité 1 fois
Message édité par Prozac-14 le 30-09-2005 à 20:00:09

---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 30-09-2005 à 21:19:23    

http://le-vert.homelinux.org/galerie.html < j'ai presque réussi en Jscript + CSS, à part un problème de redimmensionnement qui m'a l'air insoluble :(

Reply

Marsh Posté le 01-10-2005 à 03:16:32    

Bah avec document.getElementById('pouet').width ca marche pas?
(jamais testé mais bon on sait jamais!)
 
Edit :  
Et avec un img plutot qu'un div ca marcherait pas mieux?

Message cité 1 fois
Message édité par dwogsi le 01-10-2005 à 03:19:40

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 01-10-2005 à 11:31:52    

Prozac-14 a écrit :

C'est ce que beaucoup ne comprennent pas : mes clients, comme peut-être les votres veulent que leur site soit joli, marrant, fun, interessant, conviviale et que surtout le premier naze venu comprenne comment on va d'une section à une autre sur le site. Après à savoir comment ca marche, si c'est du PHP, du HTML, de L'AZT ou du tirelipimpom (surlechiwawa) le client s'en fout.


 
Yet another car manufacturer/web developper comparison :
 
Sauf que si un taxi va chez Renault, achète une voiture, et se rend compte que 10-15% de ses passagers potentiels ne peuvent pas monter dans la voiture à cause d'une mauvaise conception, il va pas être content le client.
 
Quelque soit le domaine (web, voiture, etc.), le client s'en foutera toujours de la technique employée. Pour ce qui est des bagnoles, le client, à priori, s'en fout que la nouvelle Clio a un volant en magnésium. Il n'as pas forcément vu les graves défauts de finition de la première Laguna. Il n'a pas forcément expériencé les problèmes de fiablité du 1.9L dTi. De l'autre côté, va y'en avoir qui vont s'intéresser un peu plus à la bagnole, et vont se faire expliquer que le volant en magnésium, ça permet de se déformer, et d'éviter que le conducteur s'explose les poignets. Un autre, lors de l'essai de sa Laguna, va voir le côté Playskool de l'intérieur, et va finir par aller chez Mercedes. L'autre a eu de sérieuses pannes sur son 1.9L dTi et a fini par aller chez Peugeot.
 
Pour ce qui est des sites webs, c'est pareils. Le client, à priori, s'en fout que ton site soit développer avec les normes. Il n'a pas forcément vu les graves défaut défaut de conception. Il n'a pas forcément expériencé les problèmes d'accessibilité. Et de l'autre côté, y'en a un qui va un peu s'intéresser au site, et va se faire expliquer qu'un site aux normes, ça permet de fonctionner à peu près partout, de garantir l'accessibilité, une plus grande audience. Un autre, lors de l'essai du site, va se rendre compte qu'il y des choses qui ne fonctionnent pas parce qu'il a un navigateur exotique. Un autre à eu un problème de manque de visiteurs, et a fini par aller chez un autre prestataire qui lui a fait ça mieux.
 
Mais oui, le client s'en fout de comment c'est fait :sarcastic:

Reply

Marsh Posté le 01-10-2005 à 15:00:33    

Voilà pourquoi MOI je choisi toujours des langages coté serveur dont on est certain de la compatibilité avec tous les clients puisque ca ne dépend pas d'eux!
 
Bon sauf quand il sagit de dévellopper des applications web où il me semble que le coté pratiqe doit être accentué alors quelques petits focus (par exemple) en js peuvent être utiles!


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 01-10-2005 à 18:29:30    

bon bref... revnons à nos moutons, ou plutot à notre mouton : si j'ai bien tout compris de ce que vous m'avez expliqué mis à part avec des calques ca ne peux pas marcher !
Or nous sommes tous d'accord que si je redimensionne la page forcement le calque lui, il ne se déplace pas.
Moralité : vous etes en train de me dire "Prozac fait ton site en CSS !"
 
J'ai bien tout compris de ce que vous me disiez ???


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 01-10-2005 à 19:27:30    

Et comme ca ca ne te va pas?
http://www.softsharing.net/perso/f [...] _change/2/
 
Après question compatibilité je sais pas si c'est ce qu'il y a de mieux mais bon... Comme tu ne semble pas trop t'en soucier.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 01-10-2005 à 21:26:26    

dwogsi a écrit :

Et comme ca ca ne te va pas?
http://www.softsharing.net/perso/f [...] _change/2/
 
Après question compatibilité je sais pas si c'est ce qu'il y a de mieux mais bon... Comme tu ne semble pas trop t'en soucier.


 
:eek:
 
C'est toi qui vient de faire ca :??:
 
Je vais regarder tout de suite le code !!  
 
Merciiiiiiiiiiiiiiiiiiiiiiiii :jap:

Reply

Marsh Posté le 01-10-2005 à 21:31:02    

Zut, j'arrive pas à comprendre ce que t'as changé...

Reply

Marsh Posté le 02-10-2005 à 14:44:32    

dwogsi a écrit :

Et avec un img plutot qu'un div ca marcherait pas mieux?


 
Donc si tu a tous lu dans le topic, tu aurait du voir ca et donc voir ce que j'ai changé dans le code... :o
 
Edit:
Oui c'est moi qui viens de faire ca

Message cité 1 fois
Message édité par dwogsi le 02-10-2005 à 22:33:54

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 03-10-2005 à 10:07:12    

dwogsi a écrit :

Donc si tu a tous lu dans le topic, tu aurait du voir ca et donc voir ce que j'ai changé dans le code... :o
 
Edit:
Oui c'est moi qui viens de faire ca


 
Je viens de rematter et a part la modif dans le javascript je ne vois pas...
 
J'ai tenté la modif mais du coup les images ne s'affichent plus du tout :)

Reply

Marsh Posté le 03-10-2005 à 10:47:12    

akrylik a écrit :

J'ai un peu le même pb que "Prozac-14" mais je ne comprends pas bien vos solutions. Vous lui suggérez en fait d'utiliser du javascript??
 
Voila : Mon idée est de faire une liste (que je récupère à l'aide d'un petit script en PHP) d'images dans une colone à gauche et de les faire s'afficher à droite (div id ="contenu" ) lorsque l'on clique dessus.
 
Je pense qu'il faut que je fasse une sorte de double lien. Le premier permettant de localiser l'image à afficher(et affichant son nom), et le deuxième pointant vers une ancre où je désire afficher cette image.
 
J'aboutis à quelque chose comme ça : (sans le PHP pour simplifier)
 

Code :
  1. <li><a href = "#contenu"><a href = dossier_image/image-1.jpg>Image n°1</a></a></li>
  2. <li><a href = "#contenu"><a href = dossier_image/image-2.jpg>Image n°2</a></a></li>
  3. ...


 
J'ai beau esssayer dans tous les sens mais ça ne marche pas... Pouvez-vous m'aider??
 
Mici.

[:rtfm] Un lien, c'est un lien, un lien dans un lien, c'est du n'importe quoi. De plus un lien est fait pour changer de page ou demander au navigateur de déplacer l'affichage pour montrer l'endroit de la page où se trouve un ancre pas pour modifier le document.
Pour modifier le document il faut du javascript ou autres langages du genre.
L'html est incapable de modifier une page. C'est comme demander à un livre de modifier l'histoire qu'est dedans. [:airforceone]

Reply

Marsh Posté le 03-10-2005 à 11:51:09    

la solution est à portée de main, on a 30 reponses qui ne donnent pas forcément ce que le monsieur cherche. La solution de dwogsi étant un tout petit peu sur le bon chemin. mais totalement décallée par rapport à ce qu'on fait de nos jours.
 
sinon voila un tutoriel bien fait et propre, aux normes et accessible  
http://css.alsacreations.com/Tutor [...] javascript
 
PS : arrêtez de gueuler les mec j'ai mal à la tête

Reply

Marsh Posté le 03-10-2005 à 13:55:42    

ouais la magie.... ou peut etre en passant par l'alchimie, tiens regarde, tu pourrais peut etre trouver la pierre philosophale si tu cherches bien  [:petrus75]  [:petrus75]


Message édité par gatsusat le 03-10-2005 à 14:23:23
Reply

Marsh Posté le 03-10-2005 à 14:14:57    

Mais fait gaffe, y a des gens bizarres avec des doigts qui s'allongent et d'autres qui mangent n'importe qui risquent de te courir après :o
 
Pour changer une image, il FAUT du javascript, le HTML c'est statique, aucune interactivité, c'est juste de l'affichage.
 
Voilà voilà :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 03-10-2005 à 14:22:10    

ouais et yen a même qui prennent l'apparence des autres et yen a aussi qui vont te noyer sous une trombe d'eau...


Message édité par gatsusat le 03-10-2005 à 14:23:01
Reply

Marsh Posté le 03-10-2005 à 14:43:31    

bon je peux dire ce que j'en pense, puisque c'est moi qui ai lancé le sujet.
je pense que finalement sans CSS et calque cela est impossible à faire.
Cela m'embete car je ne comprend pas grand chose au CSS MAIS vu les circonstances : je pense que je vais m'y mettre. Alors si cela ne vous dérange pas : je risque de vous demander de l'aide car j'aimerai vraiment que ma page en CSS ressemble vraiment à ma page en HTML.


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 03-10-2005 à 16:25:08    

Et les pages en CSS ca existe pas, ce sont toujours des pages en HTML, auxquelles tu associes une feuille de style :)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 03-10-2005 à 17:26:38    

oui c'est ce que je voulais dire... je me suis planté...


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 04-10-2005 à 04:34:52    

bon alors là je vais avoir vraiment besoin de votre aide...
http://www.pc14.fr/shcss/5.html
 
ca marche pas...
je ne comprend pas comment faire pour avoir 2 colonnes à chaque fois cela décale par rapport à la colonne de gauche.
 
Est-ce que qu'un peut me venir en aide svp ???


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 04-10-2005 à 07:57:07    

Reply

Marsh Posté le 04-10-2005 à 07:58:28    

je veux pas être désagréable, mais aucun lien ne fonctionne... :/


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 04-10-2005 à 07:58:58    

J'ai édité :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-10-2005 à 08:01:53    

merci c'est cool... normalement je devrai y arriver de avec ca !
 
En plus je suis en train de me taper : CSS for dummies :)


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 04-10-2005 à 08:06:15    

Je te signale gentiment que je n'ai pas appris directement avec les CSS, et que ces modèles ne sont pas parfait, reste surement des bugs sous IE.
 
J'ai appris comme tout le monde le faisait avant, avec des tables. Hé bien je peux te dire que les css c'est vachement plus logique et pratique que les tables, car meme s'il y a des bidouilles comme avec les mises en page en tables, il y en a moins, et elles sont toutes dans le meme fichier, pas obligé de pourrir le code de tes pages html :p
 
Je ne reviendrai jamais aux tableaux pour la mise en page, c'était bien trop chaint de tricher à coups de cellule vides et d'images transparentes :o
 
PS : et répands comme nous la bonne parole. CSS roxx, Tables suxx  [:minipouss]


Message édité par plainsofpain le 04-10-2005 à 08:07:06

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-10-2005 à 08:11:27    

bon alors, j'ai appris les tables en 98 avec frontpage 98... tu comprendras donc que j'ai du mal à me debarrasser de ce truc.
Je suis tellement habitué à faire des mises en pages un peu complexe que pour le moment avec les CSS, je veux faire exactement ce que je fais avec des tables. Or c'est là que ca coince.
Mais si je demande autant d'aide c'est parce que je me rend compte qu'il y a plein de trucs que je ne peux pas faire avec les tables et que je peux faire avec du CSS.
C'est pour cela que j'en suis là. Mais comme je suis plus artiste que technicien, c'est aussi pour cela que j'ai un peu de mal.
 
Quant à IE... je m'en fout, je suis sous FF... :d
 
;)


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
Reply

Marsh Posté le 04-10-2005 à 08:12:59    

En gros, bien que ca ne soit pas montrable sur un smiley, je voulais dire que des navigateurs respectant les standards doivent être préférés à ceux qui ne les respectent pas.
 
Pas seulement IE, et pas seulement Firefox :)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed