Foto tagliate sul forum

23-10-2011, 19.24.55

Ciao a tutti, ho un problema con la visualizzazione delle foto sul mio forum. Ho notato che se gli utenti inseriscono delle foto con il lato orizzontale più lungo di 600 px queste vengono tagliate e non si vedono per intero. Io uso lo stile coffe time, facendo una anteprima sullo stile prosilver ho notato che le foto si vedono bene anche perchè il prosilver è più largo del coffe time. Senza essere costretto a cambiare stile, esiste un modo per far vedere le immagini per intero? E' importante visto che si tratta di un forum di fotografia, e vedere le foto a metà è come non vederle. Grazie a tutti.

**silvermaledetto** · 24-10-2011, 09.33.38

negli stili bordati soprattutto è necessario mettere una mod di resizing automatico delle immagini, ne esistono di diversa natura.
Oppure potresti limitare la larghezza massima delle immagini da PCA/Generale/Configurazione/Messaggi pubblici
in Invio messaggi
al settaggio
Larghezza massima immagini per messaggio:

24-10-2011, 15.22.26

L'idea della mod per il resizing mi piace, dove la trovo? e soprattutto come faccio poi ad inserirla nello stile? Scusami ma sono proprio a digiuno di phpbb.

**silvermaledetto** · 24-10-2011, 17.37.55

hai un alterforum puro o hai accesso alla radice del tuo forum?

24-10-2011, 18.12.06

Ho l'accesso alla gestione file, l'ho trasformato da alterforum ad altersito.

**silvermaledetto** · 24-10-2011, 21.05.05

allora puoi scaricare questo mio stile, che tra l'altro contiene già in diversi livelli i banner del circuito altervista, e che ha il resizing automatico.
Devi copiare nella cartella styles, il file resizeImg.js
poi apri l'overall_header.html di ogni stile a cui vorrai applicare il resizing e dopo

Codice HTML:

head

scrivi in una nuova riga

Codice HTML:

<script type="text/javascript" src="styles/resizeImg.js"></script>

il javascript, naturalmente può essere impostato con diversi parametri di larghezza massima, e comunque ridimensionerà le immagini conservandone il rapporto altezza/larghezza dell'originale.
Dovrai editare la prima riga

Codice:

var _img_max_width				= 670; //change this if you want another size

24-10-2011, 22.11.53

Ho copiato il file resizeimg.jr nella cartella styles ma non riesco a fare il secondo passaggio.
Non trovo la cartella overall_header.html all'interno dello stile coffe time. AIUTO!!

**silvermaledetto** · 25-10-2011, 09.01.12

è semplicemente un file dentro il template, ma potresti fare anche tutto dal PCa el tuo forum, anche se devi sempre farti prima una copia del file originale da tenere come backup.

25-10-2011, 09.38.09

Per favore dimmi il percorso preciso dove devo cercare questo overall_header.html. Altrimenti mi perdo e rischio di combinare qualche casino. Ai tuoi occhi potrà sembrare esagerato ma te l'ho detto, non conosco il phpbb. Ciao e grazie per la pazienza.

25-10-2011, 10.08.03

Ciao, ho trovato il file che dicevi e ho inserito la scritta:
<script type="text/javascript" src="styles/resizeImg.js"></script>
dopo head, ma non succede nulla

Ho provato anche a scriverla dove ho visto che ci sono anche altre righe di script, le copio al completo compresa quella che ho scrittto io:

</script>
<script type="text/javascript" src="styles/resizeImg.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/animatedcollapse.js"></script>

Ma non succede niente lo stesso. Dove ho sbagliato?

**silvermaledetto** · 25-10-2011, 11.32.35

io ho scritto dopo

Codice HTML:

<head>

poi se non vedi lavorare il resizing automatico può essere che si verifichino diversi casi:
non hai settato il ridimensionato del javascript a una larghezza consona ( ora è a 670 pixel perchè così si presta al mio stile magari a te serve a 500, devi provare ),
non hai locato correttamente il file resizeImg.js, dentro alla cartella styles ( non deve essere dentro uno stile! )
va tutto bene... ma devi solo cancellare la cache generale del forum.

25-10-2011, 12.23.30

Niente da fare ho svutatato la cache, sia quella generale:
PCA>Vuota la cache>avvia

sia quella del template prosilver:
PCA>stili>componente stile>template>coffe_time>cache

questo è quello che ho scritto nell'overall_header.html fra i due tag<head> e </head>:

<!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" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<script type="text/javascript" src="styles/resizeImg.js"></script>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} • {L_MCP} • {L_UCP} • {PAGE_TITLE}</title>



<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
var style_cookie = 'phpBBstyle';
var onload_functions = new Array();
var onunload_functions = new Array();


if ({S_NEW_PM})
{
var url = '{UA_POPUP_PM}';
window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
}


/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}

/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (var i = 0; i < onload_functions.length; i++)
{
eval(onload_functions[i]);
}
}

window.onunload = function()
{
for (var i = 0; i < onunload_functions.length; i++)
{
eval(onunload_functions[i]);
}
}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/animatedcollapse.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />


<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />


</head>

Dimensione settata per il ridimensionamento 600px
ma non funziona, le immagini sono sempre tagliate.

**silvermaledetto** · 25-10-2011, 13.58.44

vedo adesso l'errore che ho fatto, due volte per giunta!
Scusa!
devi scrivere il codice dopo

Codice HTML:

</head>

Per una / Martin perse la cappa

per un prosilver based avrai all'incirca

Codice HTML:

</head>
<script type="text/javascript" src="styles/resizeImg.js"></script>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
    <div class="outside">
       <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
          <div class="inside">
             <div class="notopgap"></div>

Fammi sapere, ma è importante che piazzi il javascript così

25-10-2011, 14.22.39

Ho spostato la riga:
<script type="text/javascript" src="styles/resizeImg.js"></script>
dopo il tag </head> e ho controllato che il javascript fosse inserito nella cartella styles, ma niente da fare.

Non so se è importante ma le immagini che devono essere ridimensionate non sono allgati ma sono appoggiate su un hostig esterno tipo flickr o imageshack.

**silvermaledetto** · 25-10-2011, 15.33.09

Mi sembra che il tuo stile abbia bisogno di un autoresing sotto i 600 pixel, prova con 520 e vedi come funziona.
Le immagini postate vengono tutte ridotte.

25-10-2011, 15.39.44

Ho provato anche con 500px ma niente.

**silvermaledetto** · 25-10-2011, 15.43.03

guarda qui è un immagine 1.280 x 990 pixel @ 24 bit per pixel
ma ne ho direi migliaia sul forum.
Se la clicchi ( magari diverse volte ) vedrai il formato originale.
Puoi farmi un rapido controllo su un file PHP?
Apri
includes/bbcode.php
Cerca

Codice:

'img'		=> '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />',

Se lo trovi, molto male deve essere rimpiazzato da

Codice:

'img'		=> '<img rel="resize" src="$1" alt="' . $user->lang['IMAGE'] . '" />',

25-10-2011, 15.47.00

Si la vedo, sul tuo funziona. Sul mio no, anche una foto di 800px sul lato lungo viene tagliata nonostante le modifiche. Perchè?

25-10-2011, 15.56.07

Tanto per darti un'idea questa è un'immagine di 1024x709
E' mutilata.

**silvermaledetto** · 25-10-2011, 16.10.32

fai quel controllo sul file PHP che ti ho aggiunto sul post precedente.
Mi sa che anche sulla 3.0.9 sia indispensabile.

25-10-2011, 16.16.45

EUREKA!!! finalmente funziona!! il problema stava proprio nel includes/bbcode.php
Grazie tantissimo, mi hai risolto un grande problema, e grazie anche da parte degli utenti del forum, e per la pazienza!!

**silvermaledetto** · 25-10-2011, 16.19.42

Pensavo che con l'ultima versione non fosse necessaria questa ultima modifica... invece.
Ho corretto adesso anche il file leggimi subito.txt
nell'archivio che contiene lo stile che metto a disposizione

25-10-2011, 16.26.56

Senti un'ultima piccola cosa, ora funziona tutto bene l'immagine si ridimensiona in automatico, solo che cliccandoci sopra la finestra originaria del forum cambia e va alla pagina dell'hosting che contiene il file, invece di rimare fissa. questo costringe una volta chiusa l'immagine in hi-res a usare il tasto indietro per ritornare alla pagina del forum. come si fa per tenerla fissa? Scusami non vorrei abusare troppo del tuo tempo ma gia che ci siamo...

**silvermaledetto** · 25-10-2011, 16.41.12

per vederla nel formato originale è la procedura standard

Ma ci sono altre MOD di resizing che magari potrebbero fare meglio al caso tuo specifico.
Ma sono più complessse da utilizzare, sfruttando i Tag BBcode

Discussione: Foto tagliate sul forum

LinkBack

Strumenti discussione

Display

Foto tagliate sul forum

Regole di scrittura