Nouveau sujet Répondre Imprimer Syndication RSS 2.0

[SVN] Redimensionnement des images dans une message

Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 10 fois, dernière édition par Spark, 16 Mars 2010, 2:26     Lien vers ce message 13 Mars 2010, 2:49
Bonjour,

Sur ce message :

Suggestions de modifications du code html/css

J'ai proposé de mettre les balises IMG dans une div pour ne pas que les grandes images provoque l'apparition d'une scroll barre dans l'ensemble du message. Cela permet d'avoir une scroll barre uniquement à l'image.

Cette div peut dans certain cas pauser problème, notamment avec l'imbrication dans d'autre balises.

A l'époque IE6 était encore considéré, et conditionnais tous les choix.

Hors, aujourd'hui je pense qu'on peut laisser tomber IE6 (ça ne fera qu'apparaitre une scroll barre).

Je propose donc de modifier, le code que j'avais proposé, avec du CSS maintenant mieux pris en charge dans les mise à jour des navigateur principaux (FF3, Opera9, IE7/8). A savoir :

Dans ~/main/class/parser/parser_fsbcode.php

#--Chercher--#
return ('<div class="image"><img src="' . trim($content) . '" ' . $attr_str . ' /></div>');


#--remplacer par--#
// Note : pour optimiser ce code il faudrait définir 'trim($content)' dans une autre variable.
return ('<img class="image" onclick="location.href=\'' . trim($content) . '\';" src="' . trim($content) . '" ' . $attr_str . ' />');



Dans ~/tpl/WhiteSummer/fsbcode.css

#--Chercher--#

/* FSBcode img */
.image
{
	overflow: auto;
}


#--remplacer par--#
/* FSBcode img */
.image
{
	max-width: 100%;
	cursor: pointer;
}


Dans ~/tpl/WhiteSummer/ie6.css


#--Supprimer--#

/*Fix des grandes images (FSBcode img) dans les sujets qui déforme le forum*/
.image
{
	width: 750px;
}


Cela permet à l'image d'avoir la taille maximal d'affichage disponible, quelque soit la résolution, la taille de la fenêtre et ceux sans faire apparaitre de scroll barre. De plus avec un petit bout de JS elle devient cliquable pour être affichable dans le navigateur.




Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Supernova
Avatar de BlackJowy
  • Age : 3010 ans
  • Messages : 4037
  • Inscrit : 01 Mars 2007
  Lien vers ce message 14 Mars 2010, 13:29
Je vote pour, si ça convient à d'autres, on fait la modif
 
Brasier
Avatar de Deathy
  • Age : 21 ans
  • Messages : 782
  • Inscrit : 18 Septembre 2006
  Lien vers ce message 15 Mars 2010, 14:09
Je trouve ça bien aussi! :)
Laissons mourir IE6 en paix, il était presque temps.


http://www.cyberlife.be/ressources/newsignature.png
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 16 Mars 2010, 2:25
J'ai apporté une modification pour que l'image soit cliquable en JS.


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Volcan
Avatar de Jaguar
  • Age : 27 ans
  • Messages : 1020
  • Inscrit : 18 Septembre 2004
  Lien vers ce message 05 Aout 2010, 9:14
Ca fonctionnerai aussi sur les fichiers joint ? Enfin les images joint trop grande, qui déforme tout le reste...


http://img74.imageshack.us/img74/3079/lacunacoilah9.png
http://img216.imageshack.us/img216/6351/suzuki.gif
http://www.fotoszok.pl/albums/userpics/ro.jpg
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 06 Aout 2010, 1:27
Je sais pas.


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 10 Juillet 2011, 6:22
Up pour le :

onclick="location.href=\'' . trim($content) . '\';"


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Equipe de support
Avatar de Soleil.R
  • Age : 31 ans
  • Messages : 291
  • Inscrit : 04 Mars 2009
  Lien vers ce message 10 Juillet 2011, 8:08
Personnellement, je vois pas l'intérêt.

1) Pourquoi rendre toutes les images cliquables ? Est-ce le souhait de tous ?
Actuellement, pour qu'une image se comporte comme un lien vers elle-même, il suffit de rajouter le lien avec [url].

2) Pourquoi du js ?
Une balise <a> me semble préférable dans quasiment toutes les perspectives sauf une qui reste discutable (Caché le lien au moteur de recherche - qui sont censé ignorer le js - afin d'améliorer le SEO).


Mon domaine de compétences est assez éloigné de l'informatique mais si je peux vous aider, je le ferai.
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 1 fois, dernière édition par Spark, 10 Juillet 2011, 9:42     Lien vers ce message 10 Juillet 2011, 9:41
Il faut regarder le contexte, une image trop grande sera redimensionné avec le max-width, pour la voir entière dans le navigateur rien de plus simple que de cliquer dessus. Pourquoi du JS ? Parce que ajouter des liens partout poserait beaucoup de problèmes, tel que ceux qu'on a eu avec les div. C'est une fonction "grand public" nous sommes tous ici capable d'ouvrir une image dans la fenêtre ou d'afficher une image cliquable vers elle même.


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Equipe de support
Avatar de Soleil.R
  • Age : 31 ans
  • Messages : 291
  • Inscrit : 04 Mars 2009
  Lien vers ce message 10 Juillet 2011, 11:47
En quoi ajouter des liens poserait beaucoup de problèmes ?
A part un vague problème SEO très discutable, j'en vois aucun.

Libre à toi de proposer une suggestion pour rendre toutes les images cliquables.
Perso, l'intérêt semble très faible pour une utilisation sur écran "classique" ; sur écran tactile c'est carrément gênant.


Mon domaine de compétences est assez éloigné de l'informatique mais si je peux vous aider, je le ferai.
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 10 Juillet 2011, 12:16
Ok, proposes quelque chose pour permettre aux gens de voir une image redimensionné dans ca taille d'origine.


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Equipe de support
Avatar de Soleil.R
  • Age : 31 ans
  • Messages : 291
  • Inscrit : 04 Mars 2009
  Lien vers ce message 10 Juillet 2011, 12:38
Je crois que tu n'a pas bien compris.

La question n'est pas de savoir si on peut le faire.
La question est : Veut on le faire ?


Mon domaine de compétences est assez éloigné de l'informatique mais si je peux vous aider, je le ferai.
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 1 fois, dernière édition par Spark, 10 Juillet 2011, 13:30     Lien vers ce message 10 Juillet 2011, 13:29
Ha après si tu juge que ca serta rien c'est sur que ...



http://t1.gstatic.com/images?q=tbn:ANd9GcSRNaxA6V9DQl3QHgR8IgL-s0uhvW_3wYmX8fxeDw7RXHTpWfNCJw


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Flammeche
Avatar de Dave Devil's
  • Messages : 35
  • Inscrit : 07 Juillet 2011
  Lien vers ce message 10 Juillet 2011, 15:48
Pas mal !

Mais certain puriste diront:


Il manque seulement un système pour modifier la variable via le panel

Afin de faire une limite de taille d'image


Dave Devil's ---> Développeur C++ Pro :) Développeur php amateur ;)

A votre service ;)
 
Répondre


.