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

c'est pas lisible du tous ton site

je suis rester 30 secondes ca fait mal au yeux

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

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

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.

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

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

Re,

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

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

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

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

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

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

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

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.

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

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

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

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

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

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 !

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+

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

merci pour vos aides

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

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

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

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

je vais essayer ca , merci

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

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

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

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

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

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

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


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

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

c en cherchant kon trouve lol

entouts cas MERCI !! :D

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

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

Waouuuu !! j'suis bluffer !

ok super :D

j dis "respect" merci beaucoup

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

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