Ridimensionamento automatico immagini

Messaggio da **Micogian** » 25/10/2011, 10:28

Perchè non leggiamo bene quello che sta scritto ?
Io dicevo "prima di </head>" non <head>, le cose cambiano.

bingo ha scritto:Io ho parlato di "function", non di Mod.
La function va inserita (da <script> a </script>) nel file overall_header.html "prima" del tag </head>, tutto lì.

maverix · Messaggio da **maverix** » 25/10/2011, 21:21

Chiedo venia per la mia negligenza, ma se fossimo tutti bravi come Voi non ci saremmo neanche iscritti a questo forum, giusto?

Quindi abbiate pazienza se a volte ci perdiamo in un bicchier d'acqua. Grazie per la comprensione.

Ora un'altra domanda: appurato che la "function" funziona bene, ha però l'unico problema con IE. Ho provato con Firefox, Safari, Opera, e Chrome e funziona, l'unico è IE

Ho provato prima con i settaggi ma nulla da fare, poi abilitando il debug pare che dia proprio un errore, si può risolvere?
Grazie.

maverix · Messaggio da **maverix** » 26/10/2011, 14:36

Secondo voi questo codice serve per ridimensionare le immagini? Io penso di si. E' inserito nello stile Proformell versione 3.0.8. Ha il vantaggio di funzionare anche con IE ma non è cosi funzionale come la "function" sopra citata.
Guardando bene il codice (io non sono assolutamente in grado) mi pare di capire che si possono impostare anche alcuni parametri di dimensione massima della nuova finestrella che si apre. Qualcuno può confermare?

Codice: Seleziona tutto

<!-- IF S_VIEWTOPIC -->
/**
* Image resizer
*/
function resize_images()
{
	var hello = $('dl.attachbox dd dl.file dt.attach-image img').innerWidth();
	var maxWidth = $('div.content').innerWidth() - 30;
	
	// resize the attached images
	$('img', 'dt.attach-image').each(function(i){
		// check the width of the image
		if ($(this).width() > maxWidth)
		{
			// calculate new image dimensions
			newWidth = maxWidth;
			newHeight = $(this).height() / ( $(this).width() / maxWidth );
			   
			// set new image dimensions
			$(this).height(newHeight).width(newWidth);
		}
	});
	
	// resize the images that were added via [img] bbcode
	$('img', 'div.content').each(function(i){
		// check the width of the image
		$(this).css('max-width', maxWidth); // fix for IE
		if ($(this).width() > maxWidth)
		{
			// calculate new image dimensions
			newWidth = maxWidth;
			newHeight = $(this).height() / ( $(this).width() / maxWidth );
			   
			// set new image dimensions
			$(this).height(newHeight).width(newWidth);
		}
	});
}

/**
* Image pop-up
*/
function image_load(src, alt)
{
	//loads popup only if it is disabled
	if(popupStatus==0)
	{
		$('#ImagePopup').html('<img id="imgpopup" src="' + src + '" alt="' + alt + '" />');
		var windowWidth = document.documentElement.clientWidth;
		var windowHeight = document.documentElement.clientHeight;
		var maxWidth = windowWidth * 0.85;
		var maxHeight = windowHeight * 0.85;
		$('#popupImage img').css('max-width', maxWidth);
		$('#popupImage img').css('max-height', maxHeight);
		$('#backgroundPopup').css({'opacity': '0.7'});
		// Now let's make sure we actually see the image
		var scroll = $(window).scrollTop();
		$('#popupImage').animate({marginTop: scroll}, 'fast', function() {
			// Animation complete.
			});
		$('#backgroundPopup').fadeIn('slow');
		$('#popupImage').fadeIn('slow');
		popupStatus = 1;
		openPopup = 'Image';
	}
}

//centering popup
function centerImage()
{
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $('#popupImage').height();
	var popupWidth = $('#popupImage').width();
	var newTop = windowHeight/2-popupHeight/2;
	var newLeft = windowWidth/2-popupWidth/2;
	//centering
	$('#popupImage').css({
	'position': 'absolute',
	'top': newTop,
	'left': newLeft
	});
	
	//only need force for IE6
	$('#backgroundPopup').css({'height': windowHeight});
}

//disabling popup with jQuery magic!
function disableImage()
{
	//disables popup only if it is enabled
	if(popupStatus==1 && openPopup == 'Image')
	{
		$('#backgroundPopup').fadeOut('slow');
		$('#popupImage').fadeOut('slow');
		popupStatus = 0;
		openPopup = '';
	}
}
<!-- ENDIF -->

Codice: Seleziona tutto

maverix · Messaggio da **maverix** » 27/10/2011, 8:38

Scusate le mie risposte consecutive.
Riguardo al codice sopra citato non mi serve più nessuna consulenza. Grazie lo stesso.
Ho risolto tutto.
Questo codice sopra è di fatto una function di resize image, ma non funziona molto bene, l'ho disabilitata e ho installato una mod che si chiama "easy-resize", funziona benissimo e soprattutto funziona anche con IE.
Grazie a tutti per la pazienza.

Evans1991 · Messaggio da **Evans1991** » 25/09/2012, 11:25

Salve a tutti io ho trovato questa discussione su Google che mi interessava.
Ho usato questo codice per il mio forum

Codice: Seleziona tutto

 <script>
         onload_functions.push('resizeimg();');
        function resizeimg()
        {
           if (document.getElementsByTagName)
           {
              for (i=0; i<document.getElementsByTagName('img').length; i++)
              {
                 im = document.getElementsByTagName('img')[i];
                 if (im.width > 600)
                 {
                    im.style.width = '600px';
                    eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + "','phpbbegypt ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
                    eval("im.onclick = pop" + String(i) + ";");
                    if (document.all) im.style.cursor = 'hand';
                    if (!document.all) im.style.cursor = 'pointer';
                    im.title = 'Clicca per ingrandire l\'immagine ';
                 }
              }
           }
        }

        </script>

inserendolo correttamente dove avete detto il problema è che mi ridimensiona anche il banner principale, come posso evitare che succeda questo? E poi esiste un modo per ridimensionare le immagini anche nelle firme degli utenti?
Grazie mille a chi risponderà

Evans1991 · Messaggio da **Evans1991** » 26/09/2012, 19:35

AndEmaGre · Messaggio da **AndEmaGre** » 25/10/2012, 11:11

Probabilmente hai il banner inserito tra i tag <img></img>. Da quello che so lo script ridimensiona tutte le immagini che vengono racchiuse tra i due tag.
Per risolvere potresti richiamare un div dal tuo foglio di stile per ospitare il tuo banner.

nasa24 · Messaggio da **nasa24** » 04/03/2013, 20:47

certo che è incredibile non funziona nulla sullo stile sebsilver nemmeno questo script...... non posso crederci, ho seguito alla lettera le istruzioni, su prosilver va alla grande su subsilver no.... mi sa che devo tenermi lo stile di default.....

likerenegade · Messaggio da **likerenegade** » 17/03/2013, 8:41

Ciao ho trovato questa sezione con la ricerca.
In breve.... Ho installato questa stupenda mod...ma ho un piccolo problema...
Ho fatto un altro account utente....(per testare)...ebbene ho scoperto che:
Se entro col mo account di amministratore vedo le immagini ridimensionate alla perfezione..e se ci clicco fa lo zoom e lo toglie ricliccando !!
Ma...entrando con l'altro account vedo le immagini GIGANTESCHE....e la mod non funziona...
Cioe' all'amministratore solo funziona..ma solo per SE STESSO !!
Ossia gli altri vedono e postano le immagini nella reale dimensione in cui vengono messe sul forum....senza nessuna funzione di zoom e di riduzioneo..
C'e' una bella alternativa...
Funzionante...la mod "image" (non so se sta anche in questo sito) ...l'unico problema e' "..ma chi ci clicca se di solito in ogni forum del mondo si clicca su IMG per inserire un immagine?? "
E poi fa' aprire in un altra pagina e anche questa cosa non mi piace molto....
Io zero... Se qualcuno puo' aiutarmi...per ora almeno a togliere il BBCODE "IMG"..In modo che debbano per forza cliccare sullla mod del bbcode: "image"..e non piu' su "IMG"....(che non darebbe l'effetto desiderato).
O a sistemare la mode ReIMG Image Resizer..se qualcuno c'e' riuscito.

phpBB Italia

Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Re: Ridimensionamento automatico immagini

Chi c’è in linea