personalizzare script popup ridimensionabile (script tratto da html.it)

**blekm** · 28-02-2007, 20:09

ho preso spunto da questo script
http://javascript.html.it/articoli/l...imensionabili/
vi spiego il mio problema. Ogni pagina ha un numero di riferimento (che è lo stesso delle foto)
Le foto si chiamano RIFERIMENTO_NUMERO.JPG

quindi nomi di questo tipo:

2314_1.jpg, 2314_2.jpg, 2314_3.jpg
14_1.jpg, 14_2.jpg, 14_3.jpg
4_1.jpg, 4_2.jpg, 4_3.jpg

Codice PHP:


<div class="picsdettaglio">[url="javascript:ApriImmagini(\'immagine.html?id='.$x.'\')"][img]'.$directory.$nomefiles.'[/img][/url]</div>';

(con questo codice per ogni pagina php mi costruisco le thumbnail di quella pagina, e i link alle relative immagini grandi. Quest'ultima cosa non l'ho fatta, mi manca..

)

nella spiegazione dello script viene chiaramente chiesto che le immagini si devono chiamare
immagine1, immagine2, immagine3. Io invece vorrei che a seconda della pagina lo script mi estragga le foto di quella pagina.

come potrei modificare questo script (magari passandogli un parametro, o cos'altro)?
Vorrei fare uno script generico, che mi funzioni per tutte le pagine...
supponiamo che le foto grandi si chiamino cosi:
4_1big.jpg, 4_2big.jpg e cosi via...
Nella pagina con riferimento 4, ci sono due foto piccole che si chiamano
4_1.jpg, 4_2.jpg.
Al clic sulla singola foto vorrei che mi venisse caricata la rispettiva grande...

SCRIPT

codice:

<script language="javascript" type="text/javascript">
 <!--
  var querystring = location.search;
  var id = querystring.substr(4);
  document.write("[img]immagine" + id + ".jpg[/img]");
  function ReimpostaDimensioni()
  {
    window.resizeTo(immagine.width, immagine.height);
  }
  window.setTimeout("ReimpostaDimensioni()", 1000);
 //-->
</script>

in questo codice di sopra, vorrei modificare il document.write in qualcosa del genere:

codice:

document.write("[img]../uploaded_images/$NOMEFILES.jpg[/img]");

posso passare un parametro php cosi?

spero di essermi spiegato bene..

**Andrea1979** · 28-02-2007, 21:15

Scusa un attimo... parli di PHP e ti impelaghi con javascript? Perché?
Fatti semplicemente una pagina: showpic.php a cui passi l'immagine da mostrare

showpic.php?img=tua_immagine_grande.jpg

via php ti leggi le dimensioni del file (getimagesize) e quindi ridimensioni la popup di conseguenza.

**blekm** · 01-03-2007, 10:21

Originariamente inviato da Andrea1979
Scusa un attimo... parli di PHP e ti impelaghi con javascript? Perché?
Fatti semplicemente una pagina: showpic.php a cui passi l'immagine da mostrare

showpic.php?img=tua_immagine_grande.jpg

via php ti leggi le dimensioni del file (getimagesize) e quindi ridimensioni la popup di conseguenza.

sinceramente, ho pensato che avendo questo script già pronto fosse più facile personalizzarlo..

probabilmente mi sbagliavo...?

per fare come dici tu, mi daresti qualche dritta?

la pagina showpic.php sarebbe la pagina del popup, giusto?
via php posso anche impostare la posizione del popup sullo schermo?

**Andrea1979** · 01-03-2007, 10:28

No, via php non puoi impostare la posizione sullo schermo, però puoi far scrivere a php i "parametri" sia in windows.open che nella popup stessa per ottenere il posizionamento desiderato.

**blekm** · 01-03-2007, 10:35

mi basta fare una pagina

showpic.php

che sarebbe il popup unico per tutte le foto, giusto? dentro dovrei passare il nome della foto.. ?

Se qualcun'altro sa come potrei modificare lo script iniziale.. tengo aperta anche questa porta.

**Andrea1979** · 01-03-2007, 10:44

Sì, in pratica avrai:

showpic.php

codice:

<?php
  $dims = getimagesize($_GET['pic']);
?>
<head>
<script language="javascript" type="text/javascript">
window.onload = function() {
  window.resizeTo(<?php echo($dims[0]);?>,<?php echo($dims[1]);?>);
}
</script>
...
...
<body>
[img]<?php echo($_GET['pic']);[/img]" />
</body>

O addirittura puoi aprire direttamente la popup della dimensione adatta, passando i parametri width,height nella pagina delle thumbnails (cicli sulle immagini a dimensione piena e tiri fuori l'array delle dimensioni per ogni immagine, quindi avrai una cosa del genere):

codice:

<?php
  for ($i = 0; $i < count($all_pics); $i++) {
    $dims = getimagesize($all_pics[$i]);
    ?>
    ','popup','width=<?php echo($dims[0]);?>,height=<?php echo($dims[1]);?>');">[img]tn/<?php echo($all_pics[$i]);[/img]
  <?php } ?>

risparmiandoti il recuperare le dimensioni in showpic.php e il ridimensionamento stesso via script.

**blekm** · 01-03-2007, 11:04

proverò la tua seconda soluzione appena posso, ti saprò ridire..

ho una domanda per te: con php, quando si salvano delle immagini tramite un input, cosa posso fare? Nel senso, posso ritagliare la foto, ridurre o cose simili? Sono possibili queste azioni via php?

**Andrea1979** · 01-03-2007, 11:45

meglio far spostare la discussione in php...

Sì, se hai installato le librerie GD sul server (o ImageMagik) puoi fare più o meno un po' tutte le operazioni basilari (resizing, resampling, alpha channel, blending etc etc) su tutti i formati. Se consulti la documentazione sulle GD al sito php.net trovi non solo tutte le funzioni del pacchetto ma una valanga di codice d'esempio.

**blekm** · 01-03-2007, 11:52

oltre a far funzionare i benedetti popup, a me interessa fare due operazioni sulle immagini:

1) mettere una scritta in una determinata posizione..
2) effettuare operazioni di ritaglio. Questa è la cosa che mi incuriosce di più.

**blekm** · 01-03-2007, 16:21

riepilogo:

io tramite php mi costruisco la mia pagina con le thumbnail, in questa maniera

Codice PHP:


$html_image_form .= ' <div class="picsdettaglio">[url="javascript:FUNZIONE_POPUP"][img]'.$directory.$nomefiles.'[/img][/url]</div></div>
';

dove $directory+$nomefiles vanno a formare il percorso completo dell'immagine...

al clic sulla thumbnail mi ci vuole qualcosa del genere, giusto?

codice:

javascript:funzione_apri_popup(\'popup.php?id='.$directory.$nomefiles.'\'

dentro popup.php cosa dovrei metterci?

Ti ringrazio per la pazienza se vorrai aiutarmi, sto cominciando ad imparare il php...

Discussione: personalizzare script popup ridimensionabile (script tratto da html.it)

Strumenti discussione

Ricerca discussione

Visualizza

personalizzare script popup ridimensionabile (script tratto da html.it)

Permessi di invio