> Tous les forums > Forum des Webmasters
 IMAGES dans DREAMWEAVERSujet résolu
Ajouter un message à la discussion
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]
francoisfrench
  Posté le 06/05/2010 @ 09:50 
Aller en bas de la page 
Petit astucien

Bonjour,

J'ai réaliser un pt'it site, dans l'ensemble il fonctionne, mais juste mes photos s'ouvre en beaucoup trop dedans, j'aimerai que l'affichage ce redimenssionne automatiquement, mais sans perdre la qualité, si les personnes veulent télechargé mes images.

l'adresse du site: http://pagesperso-orange.fr/Fan-Aphrodite/

j'aimerai bien avoir des retours, et si vous avez une idée,

d'avance mercin

Francois

Publicité
lafouine68
 Posté le 06/05/2010 à 10:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

c'est pas lisible du tous ton site

je suis rester 30 secondes ca fait mal au yeux

eliot3
 Posté le 06/05/2010 à 10:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

Bonjour

Avec un logiciel de retouches photos, tu fais une miniature et dans dream tu insères d'abord la miniature puis tu vas sur la ligne en dessous et tu mets le lien de l'original et en dessous tu choisis blank pour que l'image entière s'affiche sur une page vierge.

Je vais mettre dream sous seven et te faire des screens si tu veux

P.S.

Change la couleur de police c'est illisible



Modifié par eliot3 le 06/05/2010 10:53
francoisfrench
 Posté le 06/05/2010 à 10:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

lafouine: Ok, j vai modifié pour que ce soit plus lisible

Elliot: oui c'est je ke j'ait fait, ta pa vu ke les fond ecran souvre dan 1 nouvelle page? et certain sont immense, j'aimerai ke l'affichage ce reduise automatiquement sans ke je reduise la taille d'origine des mes fichiers...

je sait pas si c très claire...

eliot3
 Posté le 06/05/2010 à 11:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien
francoisfrench a écrit :

lafouine: Ok, j vai modifié pour que ce soit plus lisible

Elliot: oui c'est je ke j'ait fait, ta pa vu ke les fond ecran souvre dan 1 nouvelle page? et certain sont immense, j'aimerai ke l'affichage ce reduise automatiquement sans ke je reduise la taille d'origine des mes fichiers...

je sait pas si c très claire...

Re

Je te dis qu'il faut d'abord te faire des miniatures qui seront cliquables et qui mèneront vers l'image original qui ne perdra pas sa qualité.

Perso je fais une image de la taille de 400*400 et que je nomme identique à l'original sauf que je mets _1 pour la miniature regardes mon site dans ma signature il est fait avec dream.

francoisfrench
 Posté le 06/05/2010 à 11:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

c'est fait ca, tu a regardé mon site?

francoisfrench
 Posté le 06/05/2010 à 11:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

dans la categorie fond d'ecran j mis les miniature, kan tu clike dessu ca ovre en grand dans une nouvelle page..

eliot3
 Posté le 06/05/2010 à 11:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

Re,

Je viens de regarder en effet ton site et effectivement sur firefox elles sont vraiment grandes. Je vais voir par IE8

francoisfrench
 Posté le 06/05/2010 à 11:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

tu comprend ce ke j'aimerai ? c'est que l'affichage s'adapte a la taille de la fenetre

comme ca: http://www.fond-ecran.net/fondshd/automne_002.jpg

francoisfrench
 Posté le 07/05/2010 à 17:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

personne ne peut m'donner une p'tite piste?

lafouine68
 Posté le 07/05/2010 à 19:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

puta

change deja la couleur de ton texte ca fait fuir les gens apres on en parlera

moi je fuis ton site comme la peste

voila ce que je pense de ton site

si tu comprend pas c'est toutes mes condoleances...

va voir mon site ici



Modifié par lafouine68 le 07/05/2010 19:56
Dreamer
 Posté le 07/05/2010 à 20:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

lafouine68 a écrit :

puta

change deja la couleur de ton texte ca fait fuir les gens apres on en parlera

moi je fuis ton site comme la peste

voila ce que je pense de ton site

si tu comprend pas c'est toutes mes condoleances...

va voir mon site ici

Je ne te trouve pas cool de faire ce genre de remarques et j'imagine que toi aussi, tu as fait des erreurs quand tu as débuté , comme nous tous d'ailleurs !!!

Un peu de compréhension est toujours bienvenue , PCA est un forum d'entr'aide , il ne faudrait pas l'oublier !!!

francoisfrench
 Posté le 07/05/2010 à 20:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

ouf o, ok !

j'ai vu ton site, et il a encore plus de problème d'affichage que le mien, enfait tu y connait ke dal j'crois bien!

tu devrais méditer ce dicton: "on voit la paille dans l'oeil de son voisin, on ne voit pas la poutre qui altere sa propre vision"

sur ce, bien à toi..

Dreamer
 Posté le 07/05/2010 à 20:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je pense que l'idéal , c'est de prendre une photo ou image , lui donner une dimension standard ( 1024x768 par exemple) et surtouit pas lourde du tout et de la centrer sur ton écran , le tout sur un fond uni .....

Je dois reconnaitre que la couleur blanche sur du orange, c'est pas terrible pour le confort de lecture .......

elle
 Posté le 07/05/2010 à 20:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

En ne mettant pas tes grandes images dans une page HTML, ça devrait fonctionner.

Évidemment, si l'image est plus petite que la résolution d'écran, elle ne prendra pas toute la page, mais si elle est plus grande, elle va s'adapter selon les paramètres des navigateurs : soit elle affichera une barre de défilement horizontale, soit elle sera plus petite mais agrandissable en taille réelle en cliquant dessus.



Modifié par elle le 07/05/2010 20:45
francoisfrench
 Posté le 07/05/2010 à 20:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Oui biensur, je suis d'accord sur le fait que la lecture du texte va pas, y'a pas de soucis a ce niveau la, je vis le corriger.

mon soucis viens pour la galeries des fonds d'ecrans que j'ai crée, certains s'ouvre en énorme, j'aimerai que la taille s'adapte au dimension de la fenetre comme cet exemple: http://www.fond-ecran.net/fondshd/automne_002.jpg comme ca je pourrai laisser les dimensions de créations
mais je suivre ton conseil en attendant, parceque j'ai simplement inserer mon image dans une page vierge..

merci de ton conseil, très bonne soirée à toi

Soutenez PC Astuces

PC Astuces a besoin de vous pour survivre. Nos conseils et astuces vous ont aidé ? Vous avez résolu un problème sur votre ordinateur ? Vous avez profité de nos bons plans ? Aidez-nous en retour avec un abonnement de soutien mensuel.


5 € par mois 10 € par mois 20 € par mois


Gérer son abonnement

elle
 Posté le 07/05/2010 à 20:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Lis ce que j'ai écrit juste au-dessus...

elle
 Posté le 07/05/2010 à 20:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

francoisfrench a écrit : j'aimerai que la taille s'adapte au dimension de la fenetre comme cet exemple: http://www.fond-ecran.net/fondshd/automne_002.jpg

Elle ne s'adapte pas à la taille de la fenêtre, c'est comme j'ai dit plus haut...



Modifié par elle le 07/05/2010 20:49
francoisfrench
 Posté le 07/05/2010 à 21:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

excuse elle, je n'avai pas vu ton message..

j'ai inserer mes image dans une page html vierge, si je ne les mets PAS dans une page html, je les mets dans quoi? je blok un pu là..

est ce qu'il faut que j crée une regle css iu html?

entous cas merci, c'est constructif

lafouine68
 Posté le 07/05/2010 à 22:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

francoisfrench a écrit :

ouf o, ok !

j'ai vu ton site, et il a encore plus de problème d'affichage que le mien, enfait tu y connait ke dal j'crois bien!

tu devrais méditer ce dicton: "on voit la paille dans l'oeil de son voisin, on ne voit pas la poutre qui altere sa propre vision"

sur ce, bien à toi..

salut je suis désolé si je t'ai blesser mais ton site n'est pas au top.

le mien non plus, mais il est optimiser pour internet explorer et firefox...

je sais pas quel navigateur tu emploie...

si ton texte etais déjà plus foncé ca serais plus agréable, car il y a de jolie photos...

comme celle ci par exemple qui me plais bien et que j'ai enregistrer

je te souhaite plein de visiteurs sur ton site...

@+++lafouine

francoisfrench
 Posté le 09/05/2010 à 09:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

y'a pas d'soucis j'suis pas succptible lol
bon j'vois que tu t'es fait vacciner alors (par rappoort à la peste)

n'hesite pas un laisser un p'tit cm si t'aime bien...

bon mais tous ca résoud pas mon problème pour les images ki s'ouvrent trop grande

j'utilise Firefox of course !

Dreamer
 Posté le 09/05/2010 à 10:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Malheureusement, je pense que le redimensionnement automatique d'images ne peut se faire qu'avec du php, ce qu'Orange n'accepte pas .....

La solution consiterait à faire un album de vignettes avec un effet lightbox ( en js ou css avec images en format 800x600 ou 1024x768 ) et de mettre en dessous un lien pour télécharger la photo en grand, solution plus simple .

A+

francoisfrench
 Posté le 09/05/2010 à 10:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

ok, je pense ke je vais mettre mes images 1024, c le + simple

merci pour vos aides

Dreamer
 Posté le 09/05/2010 à 10:39 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

francoisfrench a écrit :

ok, je pense ke je vais mettre mes images 1024, c le + simple

merci pour vos aides

Comme je disais , rien ne t'empêche même de les mettre en plus petit 600x800 ( plus légères à l'affichage !! ) et de mettre un lien de téléchargement en haute définition, tu ne seras limité que par ton espace d'hébergement .....

L'avantage d'une présentation par vignettes, c'est la clarté et la disposition !!

francoisfrench
 Posté le 09/05/2010 à 11:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

t'a pas regardé mon site j'pense... c'est ce ke j'ai fait presentation par vignette et lien vers nouvelle page pour celle en taille normal

Dreamer
 Posté le 09/05/2010 à 11:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

francoisfrench a écrit :

t'a pas regardé mon site j'pense... c'est ce ke j'ai fait presentation par vignette et lien vers nouvelle page pour celle en taille normal

Comme je te le disais, tu n'es pas obligé d'envoyer sur une autre page , tu peux le faire sur la même page ..

Regardes ces exemples :

- Avec JS : http://www.huddletogether.com/projects/lightbox2/

- Avec CSS : http://www.cssplay.co.uk/menu/magnify.html

Ou alors avec popup ......

Pour le premier , c'est assez simple à installer !!

francoisfrench
 Posté le 09/05/2010 à 11:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

mille excuse c moi ki avait mal lu ton explication, ca a l'air vachement bien ca !

je vais essayer ca , merci

Dreamer
 Posté le 09/05/2010 à 11:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

francoisfrench a écrit :

mille excuse c moi ki avait mal lu ton explication, ca a l'air vachement bien ca !

je vais essayer ca , merci

Si tu as besoin d'aide ........

francoisfrench
 Posté le 09/05/2010 à 14:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

ben écoute merci,

je crois bien que j'ai besoin d'1 coup de main...http://www.webinventif.fr/jquery-lightbox-plugin-mettez-de-leffet-sur-vos-images/

j'ai telechargé Jquery & light box, je l'ai mis dans le dossier de mon site, inserer les codes

1.<script type="text/javascript" src="/js/jquery.js"></script>
2.
3.<script type="text/javascript" src="/js/slimbox2.js"></script>
4.
5.<link rel="stylesheet" href="/css/slimbox2.css" type="text/css" media="screen" />
comme c expkiqué, juske la pas de problème....

mais aprés je pige pas :( je met mon image etje rentre les ligne des code comme écrit dans le tuto?
francoisfrench
 Posté le 09/05/2010 à 14:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

je dois crée une nouvelle règle de css?

Dreamer
 Posté le 09/05/2010 à 15:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

francoisfrench a écrit :

je dois crée une nouvelle règle de css?

L'idéal, c'est que tu utilises le premier lien que je t'ai donné , c'est le lus simple à mettreen oeuvre !!!

Dreamer
 Posté le 09/05/2010 à 15:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je vais prendre ta page fond d'écran et te montrer ce que cela donne et tu auras les résultat ce soir !!

francoisfrench
 Posté le 09/05/2010 à 15:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

ok, j'ai telecharger, mis dans le dossier du site

mais c après, ke je blok.. dans lla page u j mes miniatures, j'inserer les 3 ligne de code

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

et ensuite ?

cette ligne de code j capte pzas ou j dois l'ecrire

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

j'aurai pa du faire la fete hier ! c pas bon pour les neuronnes :(

entous cas j'te remercie vachement !! :)

francoisfrench
 Posté le 09/05/2010 à 16:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

je dois crée un nouvelle balise a et inclure rel="lightbox" ?

Dreamer
 Posté le 09/05/2010 à 17:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je vais tout de dire pas d'impatience !!

Bon dans ton script entre <head> et </head> tu mets ceci :

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Puis tu crées le lien sous cette forme

<a href="./img/photo/photo_1.jpg" rel="lightbox" title="<a href='./img/Aphrodite_Loup.jpg' target='_blank'>Télécharger en grand format</a>"><img src="./img/vignette/vignette_1.jpg" title="Cliquer pour agrandir" alt="" width="120" height="90" border="0" /></a>

Tu remarqueras que le lien de téléchargement est dans le lightbox ....Bon, comme promis, j'ai presque fini de te faire un exemple avec ta page fond d'écran !!

francoisfrench
 Posté le 09/05/2010 à 17:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

oui, j'ai enfin capter! c tout con!! j honte lol

c en cherchant kon trouve lol

entouts cas MERCI !! :D

francoisfrench
 Posté le 09/05/2010 à 18:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

juste encore petite question "photo_1.jpg" c'est bien la petite image?
et vignette_1.jpg c mon image a 600px par exemple?

Dreamer
 Posté le 09/05/2010 à 18:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

francoisfrench a écrit :

juste encore petite question "photo_1.jpg" c'est bien la petite image?
et vignette_1.jpg c mon image a 600px par exemple?

Non, c'est le contraire photo grand modèle, et vignette : petit modèle ......

Voilà ce que cela peut donner , bon tous les liens pour les très très grands modèles ne sont pas actifs ( le nom de tes images est à ch*** ) http://www.pashmina-le-site.com/aphrodite/index.htm

francoisfrench
 Posté le 09/05/2010 à 18:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Waouuuu !! j'suis bluffer !

ok super :D

j dis "respect" merci beaucoup

Dreamer
 Posté le 09/05/2010 à 19:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

francoisfrench a écrit :

Waouuuu !! j'suis bluffer !

ok super :D

j dis "respect" merci beaucoup

C'est assez simple à faire , mais pour cela il faut utiliser quelques principes élémentaires :

- Pas d'espaces, ni de majuscules dans les noms ( exemple : Elisa_Ferrari .jpg bilan 3 fautes ) pour les images, les boutons ( exemple : Elisa%20contenu.jpg le %20 veux dire un espace ) , etc ....

- Utiliser des noms simples sinon une erreur est vite faite ( exemple : Aphrodite-Asia Argento.jpg 4 fautes et un nom trop long )

- Il faut alléger au maximum les photos, car plus tu as de photos lourdes plus la page sera longue à s'afficher et je ne te parle pas des bas-débits !!!

La suite au prochain numéro !!

francoisfrench
 Posté le 09/05/2010 à 20:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

au secours lol

j un petit problème...

est ce que c juste mes ligne de code?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>fondecran2</title>
<link href="communs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:52px;
top:231px;
width:1002px;
height:530px;
z-index:3;
overflow: auto;
}
#apDiv2 {
position:absolute;
left:53px;
top:228px;
width:1013px;
height:546px;
z-index:3;
}
-->
</style>
</head>

<body>
<div id="conteneur">
<div id="entete"></div>
<div id="menu">
<ul>
<li><a href="accueil.htlm"><img src="images/Acceuil bouton.gif" alt="" width="107" height="39" border="0" class="espace" id="accueil" /></a></li>
<li><a href="fondecran.htlm"><img src="images/Fond ecran bouton.gif" alt="" width="167" height="40" border="0" class="espace" id="fondecran" /></a></li>
<li><a href="video.htlm"><img src="images/Videos bouton.gif" alt="" width="97" height="41" border="0" class="espace" id="video" /></a></li>
<li><a href="liens.htlm"><img src="images/Liens bouton.gif" alt="" width="77" height="40" border="0" class="espace" id="liens" /> </a></li>
<li class="espace"><a href="messages.htlm"><img src="images/messages bouton.gif" alt="messages" width="119" height="39" border="0" /></a></li>
</ul>
</div>
<div id="contenu"></div>
<div id="bas"></div>
</div>
<div id="apDiv2">
<a href="images/vignette 600/aphrodite_asia600" rel="lightbox" title="<a href='images/fond ecran/aphrodite_asia.jpg' target='_blank'>Télécharger</a>"><img src="images/thumbail/aphrodite_asia.jpg" title="Cliquer pour agrandir" alt="" width="150" height="120" border="0" /></a>
</div>
</body>
</html>

parceke ca marche pas :( j du faire une erreur , kelke part !

les ficxhier js & css sont placer a la racine du site

Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Mini PC Geekom A5 (Ryzen 5 7430U, 16 Go RAM DDR4, SSD NVMe 512 Go, WiFi 6, Windows 11 Pro)
331,55 € 399 € -17%
@Amazon
Lot de 2 étagères de rangement Songmics à 5 niveaux réglables (40 x 90 x 180 cm)
51,35 € 80 € -36%
@Amazon Allemagne
Lecteur graveur CD/DVD externe avec hub 2xUSB 3.0, 2xUSB C et lecteur carte mémoire
16,99 € 24,99 € -32%
@Amazon
Set Tefal Ingenio Emotion tous feux même induction (13 pièces)
84,99 € 150 € -43%
@Cdiscount
Portable 15.6 pouces Acemagic LX15 Pro (Ryzen 7 5700U, 16 Go, 512 Go SSD, Vega 8, Windows 11)
375,99 € 499,99 € -25%
@Amazon
Enrouleur / dévidoir automatique de tuyau Gardena Mural RollUp 25 mètres, 13 mm
132,90 € 192,99 € -31%
@Amazon

Sujets relatifs
anciens fichiers dans dreamweaver
Codage HTML dans Dreamweaver avec une template Photoshop
[FTP] Miniatures des images distantes dans l'explorateur Windows
5 images qui d'effile aléatoirement dans une banniére
Obtenir métadonnées dans images avec JavaScript?
insertion d'images dans panneau defilant vertical
diminuer l'interligne dans dreamweaver
Dossier "images" dreamweaver
Dreamweaver impossible de tester index dans IE
dreamweaver: dimensionner 1 image dans un tableau
Plus de sujets relatifs à IMAGES dans DREAMWEAVER
 > Tous les forums > Forum Forum des Webmasters