Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1164 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  changer d'image dans un autre cadre

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

changer d'image dans un autre cadre

n°1211292
Prozac-14
On est dans l'avion...
Posté le 30-09-2005 à 03:04:55  profilanswer
 

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.
mood
Publicité
Posté le 30-09-2005 à 03:04:55  profilanswer
 

n°1211328
FlorentG
Unité de Masse
Posté le 30-09-2005 à 09:17:42  profilanswer
 

Tu connais un peu le PHP ? [:dawa]

n°1211349
Prozac-14
On est dans l'avion...
Posté le 30-09-2005 à 09:35:26  profilanswer
 

absolument pas... :'(


---------------
Je suis capable du meilleur comme du pire, mais c'est dans le pire que je suis le meilleur.
n°1211746
Prozac-14
On est dans l'avion...
Posté le 30-09-2005 à 14:54:38  profilanswer
 

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.
n°1211765
backdafuck​up
Back to da old skool
Posté le 30-09-2005 à 15:09:52  profilanswer
 

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

n°1211783
dwogsi
Défaillance cérébrale...
Posté le 30-09-2005 à 15:19:07  profilanswer
 

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})/
n°1211801
Prozac-14
On est dans l'avion...
Posté le 30-09-2005 à 15:36:43  profilanswer
 

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.
n°1211815
dwogsi
Défaillance cérébrale...
Posté le 30-09-2005 à 15:52:44  profilanswer
 

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})/
n°1211818
Prozac-14
On est dans l'avion...
Posté le 30-09-2005 à 15:53:56  profilanswer
 

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.
n°1211828
dwogsi
Défaillance cérébrale...
Posté le 30-09-2005 à 15:57:59  profilanswer
 

Regarde, message edité!


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
mood
Publicité
Posté le 30-09-2005 à 15:57:59  profilanswer
 

n°1211836
FlorentG
Unité de Masse
Posté le 30-09-2005 à 16:05:06  profilanswer
 

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

n°1211842
dwogsi
Défaillance cérébrale...
Posté le 30-09-2005 à 16:08:53  profilanswer
 

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})/
n°1212091
Prozac-14
On est dans l'avion...
Posté le 30-09-2005 à 19:58:15  profilanswer
 

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.
n°1212161
M300A
Posté le 30-09-2005 à 21:19:23  profilanswer
 

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 :(

n°1212318
dwogsi
Défaillance cérébrale...
Posté le 01-10-2005 à 03:16:32  profilanswer
 

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})/
n°1212351
FlorentG
Unité de Masse
Posté le 01-10-2005 à 11:31:52  profilanswer
 

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:

n°1212433
dwogsi
Défaillance cérébrale...
Posté le 01-10-2005 à 15:00:33  profilanswer
 

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})/
n°1212546
Prozac-14
On est dans l'avion...
Posté le 01-10-2005 à 18:29:30  profilanswer
 

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.
n°1212589
dwogsi
Défaillance cérébrale...
Posté le 01-10-2005 à 19:27:30  profilanswer
 

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})/
n°1212647
M300A
Posté le 01-10-2005 à 21:26:26  profilanswer
 

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:

n°1212651
M300A
Posté le 01-10-2005 à 21:31:02  profilanswer
 

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

n°1212868
dwogsi
Défaillance cérébrale...
Posté le 02-10-2005 à 14:44:32  profilanswer
 

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})/
n°1213335
M300A
Posté le 03-10-2005 à 10:07:12  profilanswer
 

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 :)

n°1213391
omega2
Posté le 03-10-2005 à 10:47:12  profilanswer
 

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]

n°1213458
gatsusat
Posté le 03-10-2005 à 11:51:09  profilanswer
 

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

n°1213564
gatsusat
Posté le 03-10-2005 à 13:55:42  profilanswer
 

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
n°1213585
plainsofpa​in
Pingouino's lover
Posté le 03-10-2005 à 14:14:57  profilanswer
 

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
n°1213602
gatsusat
Posté le 03-10-2005 à 14:22:10  profilanswer
 

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
n°1213639
Prozac-14
On est dans l'avion...
Posté le 03-10-2005 à 14:43:31  profilanswer
 

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.
n°1213676
gatsusat
Posté le 03-10-2005 à 15:18:54  profilanswer
 
n°1213761
plainsofpa​in
Pingouino's lover
Posté le 03-10-2005 à 16:25:08  profilanswer
 

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
n°1213811
Prozac-14
On est dans l'avion...
Posté le 03-10-2005 à 17:26:38  profilanswer
 

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.
n°1214065
Prozac-14
On est dans l'avion...
Posté le 04-10-2005 à 04:34:52  profilanswer
 

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.
n°1214078
plainsofpa​in
Pingouino's lover
Posté le 04-10-2005 à 07:57:07  profilanswer
 
n°1214079
Prozac-14
On est dans l'avion...
Posté le 04-10-2005 à 07:58:28  profilanswer
 

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.
n°1214081
plainsofpa​in
Pingouino's lover
Posté le 04-10-2005 à 07:58:58  profilanswer
 

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
n°1214082
Prozac-14
On est dans l'avion...
Posté le 04-10-2005 à 08:01:53  profilanswer
 

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.
n°1214084
plainsofpa​in
Pingouino's lover
Posté le 04-10-2005 à 08:06:15  profilanswer
 

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
n°1214086
Prozac-14
On est dans l'avion...
Posté le 04-10-2005 à 08:11:27  profilanswer
 

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.
n°1214087
plainsofpa​in
Pingouino's lover
Posté le 04-10-2005 à 08:12:59  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  changer d'image dans un autre cadre

 

Sujets relatifs
compression d imagegalerie image
probleme internet explorer, recherche icone imageUpload d'image gif,jpeg png avec PHP lib GD
Glade et chargement dynamique d'imageimage qui s'affiche sur firefox mais pas sur ie
taille d'une image apres mis en vigentte !Comment changer ma variable en String ?
Besoin d'aide en javascript et "input type=image"Insertion d'image dans Access
Plus de sujets relatifs à : changer d'image dans un autre cadre


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR