Redimensionnement automatique

1 jibe May 27, 2005 18:24

Bonjour,

Est-il possible de faire en sorte que les photos envoyées soient automatiquement redimensionnées afin de ne pas déformer l'affichage de certains skins ?

Merci d'avance

Jibé

2 jibe Jun 01, 2005 20:49

Up :oops:

3 yom Jun 01, 2005 21:12

moi j'ai rajouté ça dans le fichier CSS

.miniature
{
width: 100%
}

tu mets une classe "minature" à tes images, ensuite il faut appliquer un lien aux images vers l'agrandi.

4 jibe Jun 01, 2005 21:17

c'est trop compliqué...
En effet, le code est fourniaux utilisateurs lorsque ceux ci envoient leur photo...
Mais je ne peux pas faire un code trop long...
Je pensais plutot à une solution directe dans le code PHP...
Sinon, tant pis, je continuerais de le faire à la main de temps en temps...

5 yom Jun 01, 2005 21:37

bText img/*on ne choisi que les images contenues dans l'article*/
{
width: 100%
}

???

6 base80 Aug 17, 2005 03:54

Salut tout le monde comme vous le voyez je suis tout nouveau sur ce forum
Je vient d'installer b2evo sur mon serveur et tout de suite j'ai eu le prob de ne pas pouvoir re-dimensionner automatiquement mes images.

J'ai trouvé une bête combine qui peux très bien servir

J'ai modifié le fichier " _quicktags.toolbar.php" pour y accommoder un nouveau bouton "img450" qui re-dimensionne la largeur de mes images a 450 pixels comme souhaitable dans mon skin.
http://www.base80.com/Images1/b2evo/Picture450button.jpg
Voici le code a ajouter au _quicktags.toolbar.php


b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_oli'
,'450px'
,'<a href="LINKJPEG" target="_blank"><img src="LINKJPEG" alt="ALT" title="TITLE" width="450"/></a>',''
,'n'
,'<?php echo T_('Insert picture [Alt-n]') ?>'
,-1
);

C'est pas grand chose mais ça m'aide énormément.

7 ornain Sep 09, 2005 23:30

Merci base80, j'ai mis en place sur ma version 0.9.0.11, ça fonctionne trés bien.

J'ai inséré en ligne 200.

8 slamp Sep 10, 2005 09:12

0.9.0.11

Ca n'a rien a voir avec ce sujet, mais tu devrais passer a la version 0.9.12 ou au moins appliquer (si cela n'a pas ete fait) le fix de securite xml-rpc.

9 ornain Sep 10, 2005 13:47

Merci pour l'info slamp, j'ai fait la MAJ 0.9.0.12 hier dans la foulée et j'ai donc refait la modif dans " _quicktags.toolbar.php" (j'ai utilisé Winmerge).

10 thireg Feb 04, 2006 14:41

bje

vous dites "Voici le code a ajouter au _quicktags.toolbar.php "

je suis en version 11 , et je ne trouve pas cette page...

ou est-elle ??

merci ++

11 thireg Feb 04, 2006 19:17

voici mon code de cette page ! ou dois-je inclure cette partie supplentaire pour avoir ce bouton ?? merci de votre aide


<?php
/**
 * This file implements the Quicktahs Toolbar plugin for b2evolution
 *
 * This is Ron's remix!
 * Includes code from the WordPress team -
 *  http://sourceforge.net/project/memberlist.php?group_id=51422
 *
 * b2evolution - {@link http://b2evolution.net/}
 * Released under GNU GPL License - {@link http://b2evolution.net/about/license.html}
 * @copyright (c)2003-2004 by Francois PLANQUE - {@link http://fplanque.net/}
 *
 * @package plugins
 */
if( !defined('DB_USER') ) die( 'Please, do not access this page directly.' );

/**
 * Includes:
 */
require_once dirname(__FILE__).'/../toolbar.class.php';

/**
 * @package plugins
 */
class quicktags_Toolbarplugin extends ToolbarPlugin
{
	/**
	 * Should be toolbar be displayed?
	 */
	var $display = true;

	var $code = 'b2evQTag';
	var $name = 'Quick Tags';
	var $priority = 30;
	var $short_desc;
	var $long_desc;


	/**
	 * Constructor
	 *
	 * {@internal quicktags_Toolbarplugin::quicktags_Toolbarplugin(-)}}
	 */
	function quicktags_Toolbarplugin()
	{
		$this->short_desc = T_('Easy HTML tags inserting');
		$this->long_desc = T_('No description available');
	}

	/**
	 * Display the toolbar
	 *
	 * {@internal quicktags_Toolbarplugin::render(-)}} 
	 */
	function display()
	{	
		global $is_lynx;

		if( !$this->display )
		{	// We don't want to show this toolbar
			return false;
		}

		if($is_lynx)	
		{	// let's deactivate quicktags on Lynx, because they don't work there.
			return;
		}

		?>
		<script language="JavaScript" type="text/javascript">
		<!--
		var b2evoButtons = new Array();
		var b2evoLinks = new Array();
		var b2evoOpenTags = new Array();
		
		function b2evoButton(id, display, tagStart, tagEnd, access, tit, open) {
			this.id = id;							// used to name the toolbar button
			this.display = display;		// label on button
			this.tagStart = tagStart; // open tag
			this.tagEnd = tagEnd;			// close tag
			this.access = access;			// access key
			this.tit = tit;						// title
			this.open = open;					// set to -1 if tag does not need to be closed
		}
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_ins'
																							,'ins'
																							,'<ins>','</ins>'
																							,'i'
																							,'<?php echo T_('INSerted [Alt-I]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_del'
																							,'del'
																							,'<del>','</del>'
																							,'d'
																							,'<?php echo T_('DELeted [Alt-D]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_strong'
																							,'str'
																							,'<strong>','</strong>'
																							,'s'
																							,'<?php echo T_('STRong [Alt-S]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_em'
																							,'em'
																							,'<em>','</em>'
																							,'e'
																							,'<?php echo T_('EMphasis [Alt-E]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_code'
																							,'code'
																							,'<code>','</code>'
																							,'c'
																							,'<?php echo T_('CODE [Alt-C]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_par'
																							,'p'
																							,'<p>','</p>'
																							,'p'
																							,'<?php echo T_('Paragraph [Alt-P]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_ul'
																							,'ul'
																							,'<ul>\n','</ul>\n\n'
																							,'u'
																							,'<?php echo T_('Unordered List [Alt-U]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_ol'
																							,'ol'
																							,'<ol>\n','</ol>\n\n'
																							,'o'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_li'
																							,'li'
																							,'  <li>','</li>\n'
																							,'l'
																							,'<?php echo T_('List Item [Alt-L]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_block'
																							,'block'
																							,'<blockquote>','</blockquote>'
																							,'b'
																							,'<?php echo T_('BLOCKQUOTE [Alt-B]') ?>'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_img'
																							,'img'
																							,'',''
																							,'g'
																							,'<?php echo T_('IMaGe [Alt-G]') ?>'
																							,-1
																							); // special case
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_link'
																							,'link'
																							,'','</a>'
																							,'a'
																							,'<?php echo T_('A href [Alt-A]') ?>'
																							); // special case
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_pre'
																							,'pre'
																							,'<pre>','</pre>'
																							,'r'
																							,'[Alt-R]'
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_more'
																							,'!M'
																							,'<!-'+'-more-'+'->',''
																							,'m'
																							,'<?php echo T_('More [Alt-M]') ?>'
																							,-1
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_next'
																							,'!NT'
																							,'<!-'+'-noteaser-'+'->',''
																							,'t'
																							,'<?php echo T_('no teaser [Alt-T]') ?>'
																							,-1
																							);
		
		b2evoButtons[b2evoButtons.length] = new b2evoButton('b2evo_next'
																							,'!NP'
																							,'<!-'+'-nextpage-'+'->',''
																							,'q'
																							,'<?php echo T_('next page [Alt-Q]') ?>'
																							,-1
																							);
		
		function b2evoLink() {
			this.display = '';
			this.URL = '';
			this.newWin = 0;
		}
		
		function b2evoShowButton(button, i)
		{
			if (button.id == 'b2evo_img')
			{
				document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" title="' + button.tit + '" class="quicktags" onclick="b2evoInsertImage(b2evoCanvas);" value="' + button.display + '" />');
			}
			else if (button.id == 'b2evo_link')
			{
				document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" title="' + button.tit + '" class="quicktags" onclick="b2evoInsertLink(b2evoCanvas, ' + i + ');" value="' + button.display + '" />');
			}
			else
			{
				document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" title="' + button.tit + '" class="quicktags" onclick="b2evoInsertTag(b2evoCanvas, ' + i + ');" value="' + button.display + '"  />');
			}
		}
		
		function b2evoAddTag(button) {
			if (b2evoButtons[button].tagEnd != '') {
				b2evoOpenTags[b2evoOpenTags.length] = button;
				document.getElementById(b2evoButtons[button].id).value = '/' + document.getElementById(b2evoButtons[button].id).value;
			}
		}
		
		function b2evoRemoveTag(button) {
			for (i = 0; i < b2evoOpenTags.length; i++) {
				if (b2evoOpenTags[i] == button) {
					b2evoOpenTags.splice(i, 1);
					document.getElementById(b2evoButtons[button].id).value = 		document.getElementById(b2evoButtons[button].id).value.replace('/', '');
				}
			}
		}
		
		function b2evoCheckOpenTags(button) {
			var tag = 0;
			for (i = 0; i < b2evoOpenTags.length; i++) {
				if (b2evoOpenTags[i] == button) {
					tag++;
				}
			}
			if (tag > 0) {
				return true; // tag found
			}
			else {
				return false; // tag not found
			}
		}
		
		function b2evoCloseAllTags() {
			var count = b2evoOpenTags.length;
			for (o = 0; o < count; o++) {
				b2evoInsertTag(b2evoCanvas, b2evoOpenTags[b2evoOpenTags.length - 1]);
			}
		}
		
		function b2evoToolbar() {
			document.write('<div>');
			for (i = 0; i < b2evoButtons.length; i++) {
				b2evoShowButton(b2evoButtons[i], i);
			}
			document.write('<input type="button" id="b2evo_close" class="quicktags" onclick="b2evoCloseAllTags();" title="<?php echo T_('Close all tags') ?>" value="X" />');
			document.write('</div>');
		}
		
		// insertion code
		function b2evoInsertTag(myField, i) {
			//IE support
			if (document.selection) {
				myField.focus();
					sel = document.selection.createRange();
				if (sel.text.length > 0) {
					sel.text = b2evoButtons[i].tagStart + sel.text + b2evoButtons[i].tagEnd;
				}
				else {
					if (!b2evoCheckOpenTags(i) || b2evoButtons[i].tagEnd == '') {
						sel.text = b2evoButtons[i].tagStart;
						b2evoAddTag(i);
					}
					else {
						sel.text = b2evoButtons[i].tagEnd;
						b2evoRemoveTag(i);
					}
				}
				myField.focus();
			}
			//MOZILLA/NETSCAPE support
			else if (myField.selectionStart || myField.selectionStart == '0') {
				var startPos = myField.selectionStart;
				var endPos = myField.selectionEnd;
				var cursorPos = endPos;
				if (startPos != endPos) {
					myField.value = myField.value.substring(0, startPos)
												+ b2evoButtons[i].tagStart
												+ myField.value.substring(startPos, endPos)
												+ b2evoButtons[i].tagEnd
												+ myField.value.substring(endPos, myField.value.length);
					cursorPos += b2evoButtons[i].tagStart.length + edButtons[i].tagEnd.length;
				}
				else {
					if (!b2evoCheckOpenTags(i) || b2evoButtons[i].tagEnd == '') {
						myField.value = myField.value.substring(0, startPos)
													+ b2evoButtons[i].tagStart
													+ myField.value.substring(endPos, myField.value.length);
						b2evoAddTag(i);
						cursorPos = startPos + b2evoButtons[i].tagStart.length;
					}
					else {
						myField.value = myField.value.substring(0, startPos)
													+ b2evoButtons[i].tagEnd
													+ myField.value.substring(endPos, myField.value.length);
						b2evoRemoveTag(i);
						cursorPos = startPos + b2evoButtons[i].tagEnd.length;
					}
				}
				myField.focus();
				myField.selectionStart = cursorPos;
				myField.selectionEnd = cursorPos;
			}
			else {
				if (!b2evoCheckOpenTags(i) || b2evoButtons[i].tagEnd == '') {
					myField.value += b2evoButtons[i].tagStart;
					b2evoAddTag(i);
				}
				else {
					myField.value += b2evoButtons[i].tagEnd;
					b2evoRemoveTag(i);
				}
				myField.focus();
			}
		}
		
		function b2evoInsertContent(myField, myValue) {
			//IE support
			if (document.selection) {
				myField.focus();
				sel = document.selection.createRange();
				sel.text = myValue;
				myField.focus();
			}
			//MOZILLA/NETSCAPE support
			else if (myField.selectionStart || myField.selectionStart == '0') {
				var startPos = myField.selectionStart;
				var endPos = myField.selectionEnd;
				myField.value = myField.value.substring(0, startPos)
											+ myValue
											+ myField.value.substring(endPos, myField.value.length);
				myField.focus();
				myField.selectionStart = startPos + myValue.length;
				myField.selectionEnd = startPos + myValue.length;
			} else {
				myField.value += myValue;
				myField.focus();
			}
		}
		
		function b2evoInsertLink(myField, i, defaultValue) {
			if (!defaultValue) {
				defaultValue = 'http://';
			}
			if (!b2evoCheckOpenTags(i)) {
				var URL = prompt('<?php echo T_('URL') ?>:' ,defaultValue);
				if (URL) {
					b2evoButtons[i].tagStart = '<a href="' + URL + '">';
					b2evoInsertTag(myField, i);
				}
			}
			else {
				b2evoInsertTag(myField, i);
			}
		}
		
		function b2evoInsertImage(myField) {
			var myValue = prompt('<?php echo T_('URL') ?>:', 'http://');
			if (myValue) {
				myValue = '<img src="'
						+ myValue
						+ '" alt="' + prompt('<?php echo T_('ALTernate text') ?>:', '')
						+ '" title="' + prompt('<?php echo T_('Title') ?>:', '')
						+ '" />';
				b2evoInsertContent(myField, myValue);
			}
		}
    // -->
		</script>
		<div class="edit_toolbar"><script language="JavaScript" type="text/javascript">b2evoToolbar();</script></div>
		<?php		
	}
}

// Register the plugin:
$this->register( new quicktags_Toolbarplugin() );

?>

[/quote]

12 pyogazel Jun 19, 2006 15:18

yom wrote:

bText img/*on ne choisi que les images contenues dans l'article*/
{
width: 100%
}

???

J'ai essayé cette idée (sans marquer %) qui était excellente, mais elle n'a pas marché pour moi car toutes mes balises images sont pourvues d'attributs width et height: la feuille de style a donc déformé les images de façon très disgracieuse... c'était pire encore en 100%age, car c'est en pource,ntage de la largeur de la page que c'était interprété, y compris pour les émoticons!

méthode à n'utiliser que pour des balises réduites à leur plus simple expression c'est-à-dire

<img src="adresse" />

13 totof Jun 27, 2006 16:53

bonjour,

Je suis en 1.6 Alpha et j'ai modifié le fichier
img.css :


div.image_block img {
	margin: 1ex;
	width: 95%;
}

Form is loading...

Redimensionnement automatique

1 jibe May 27, 2005 18:24

2 jibe Jun 01, 2005 20:49

3 yom Jun 01, 2005 21:12

4 jibe Jun 01, 2005 21:17

5 yom Jun 01, 2005 21:37

6 base80 Aug 17, 2005 03:54

7 ornain Sep 09, 2005 23:30

8 slamp Sep 10, 2005 09:12

9 ornain Sep 10, 2005 13:47

10 thireg Feb 04, 2006 14:41

11 thireg Feb 04, 2006 19:17

12 pyogazel Jun 19, 2006 15:18

13 totof Jun 27, 2006 16:53

About b2evolution

Downloads

About us

Webhosting Guide

Docs & Support

Other

Stay in touch