PHP e Lazyload

A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Ciao,
ho un piccolo script per caricare immagini da cartella server per creare una galleria, avendo molteplici immagini vorrei applicare un'efetto di caricamento e caricaricare solo le immagini richieste in quel momento, ed ho trovato Lazyload ma ho visto che funziona solo con immagini dichiarate all'interno del file .html.
Posso adattarlo al mio script PHP?

Grazie.

Script PHP

PHP: 
<?php
$directory = "/immagini*.jpg";
$files=glob($directory);
$files=array_map("basename", $files);
foreach($files as $ch => $file){
    echo "<li><a href=\"immagini/$file\"><img src=\"immagini/miniature/$file\" alt=\"- $ch\" /></a></li>"; 
}
?>
 
borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
non ho mai usato lazy, ma dando un occhio forse puoi fare così
PHP: 
<?php
$directory = "/immagini*.jpg";
$files=glob($directory);
$files=array_map("basename", $files);
foreach($files as $ch => $file){
    echo "<li><a href=\"immagini/$file\"><img class=\"lazy\" src=\"img/grey.gif\" data-original=\"immagini/miniature/$file\" width=\"80\" height=\"120\" alt=\"- $ch\">
</a></li>"; 
}
?>
al massimo non funzia
 
A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Ciao,
non funzia :( o meglio non vengono visualizzate le immagini, viene visualizzato solo il nome ed il contenitore.

immagine:


noimage.png
 
Ultima modifica:
borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
come ti ho detto non ho mai provato kazy e quindi sto andando un po' a naso.
prova a sostrtuire
src=\"img/grey.gif\" data-original=\"immagini/miniature/$file\"
con
src=\"immagini/miniature/$file\" data-original=\"immagini/miniature/$file\"
eventualmente prova anche eliminando
data-original=\"immagini/miniature/$file\"
 
A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Ciao,
funziona alla perfezione!! :) ma non modificando come hai detto tu ma togliendo i parametri dell'iimagine: width=\"80\" height=\"120\" (tu l'hai fatto perchè non sapevi che avevo già la dimensione dell'imagine). :fonzie:
La cosa strana però e che quando la pagina viene caricata si vede in ogni immaggine la rotella di caricamento che gira e cioè: src=\"img/grey.gif\ e le iimagini vengono visualizzate non appena la rotellinna del mouse fa u solo click.
Perchè?
 
borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
la "rotellina" serve per avvisare l'utente che "qualcosa" si sta caricando e non è che il sito si sia bloccato, quindi serve ed è utile (la uso simile anche io nelle mie gallery).
per il secondo problema non so dirti, da quello che ho capito di lazy le immagini si caricano un po' alla volta in funzione di come scorri la pagina quindi può essere quello
 
A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Sto impazzendo non riesco a capire quale sia il problema, come dicevo sopra ovvero che mi appare la pagina con la rotellina...... mi sono accorto che aggiornando la pagina con F5 tutto funziona benissimo. Però devo sempre aggiornare prima che tutto funzioni.
 
borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
ho provayto a leggere, ma dovrei caricarmelo per provare, quindi provo a dire una put....ta.
da quello che dici la pagina funzia dopo F5 aggiorna quindi prova a farla aggiornare in automatico appena la richiami
PHP: 
<?php
header( "refresh:0;url={$_SERVER['PHP_SELF']}" ); // o  refresh:1
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<!-- tutti i js, jq, css... -->
</head>
<body>
<!-- la parte di html+php...-->
</body>
</html>
guarda che come detto può essere una put....ta.
 
A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Ciao,
allora ti posto il codice senza il php/refresh perchè me lo aggiorna in continuazione :) così puoi capire meglio:

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
	<head> 
		<title>Gallery</title> 

		<!-- <meta name="viewport" content="width=device-width, initial-scale=1" />  -->


		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
		<script type="text/javascript" src="js/script.js"></script>



	<!-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> -->	</head> 	

		
  <body>
		<div data-role="page" class="page gallery-page">
			<div data-role="header">
				<a href="gallery.html" data-icon="arrow-l" data-rel="back" data-direction="reverse">Back</a>
				<a href="index.html" data-icon="home" data-direction="reverse">Home</a>
				<h1>Titolo</h1>
			</div>
			<div data-role="content" class="full-width">
				<ul class="4gallery" id="gallery">
  
				
<?php 
$directory = "cartella/immagini/*.jpg"; 
$files=glob($directory); 
$files=array_map("basename", $files); 
foreach($files as $ch => $file){ 
    echo "<li><a href=\"cartella/immagini/$file\"><img class=\"lazy\" src=\"img/loader.gif\" data-original=\"cartella/immagini/miniature/$file\" alt=\"nome immagine $ch\"> 
</a></li>"; 
} 
?>
				
<script src="js/jquery.lazyload.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	jQuery(document).ready(function(){
		$("img").lazyload({
				    failurelimit : 300,
		    effect : "fadeIn"
		});
	});
</script>					
				</ul>
			</div>

		</div>
		
		
	</body>
</html>
 
A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Ancora niente non riesco a capire, osservando il caricamento pagina con firebug ho notato che dall'homepage cliccando sulla sezione da raggiungere la pagina cambia ma il codice in firebug no, quando faccio F5 cambia il codice e la pagina viene caricata correttamente. :incazz:
 
A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Ciao :(
ho provato a sistemare la jq sia jquery che lazyload, lazy l'ho messa anche nel footer ma il problema non si risolve se sposto di riga nella pagina index la jquery.com mi sballa l'homepage ma funziona quando carico la galleria.
e come se quando clicco sulla galleria invece di visualizzare la pagina non viene caricata, il codice non avanza rimane nell'index, quando faccio f5 il codice avanza e la pagina viene caricata correttamente.
Uso 2 CSS uno per index e l'altro per la galleria, secondo me' l'errore sta li ma non riesco a capire dove.
 
A

Atomnet

Nuovo Utente
21 Ago 2013
9
0
0
Ho risolto con il caro e buono wordpress anche se per fare una homepage per richiamare degli script php mi pare un po esagerato però funziona :)
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
F Cerco Hosting con VECCHIE versioni di php Hosting 0
Cosina Captcha php PHP 1
S passare un valore da un form a un file .php con metodo post PHP 4
N php msyql PHP 6
N php problemi a visualizzare video PHP 3
A menu a tendina php PHP 1
D protezione cartelle: blocco visualizzazione/scaricamento contenuto, ma abilitazione utilizzo dati da parte di file .php presenti sul sito Web Server 1
F Php date_diff PHP 1
K [PHP] Aggiungere caratteri ad una stringa in base alla lunghezza della stessa PHP 2
C Wp-admin a file php WordPress 5
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
csi Inviare file jpg in locale alla stampante con php PHP 0
M Passaggio variabili array php su un tasto jq PHP 3
E Php aggiornamento tabella PHP 9
G phpmailer e php 8.1 con estensione mysqli PHP 6
M Invio dati database via email php PHP 0
K [php] Problema con inner join PHP 4
K [php]form invio dati PHP 0
P Codifica caratteri speciali mysql php PHP 0
K [PHP] Problema con variabili concatenate. PHP 1
E Stampante termica escpos-php PHP 6
JeiMax Modifica codice php personalizzato PHP 2
G Come modificare un pdf in php PHP 1
U Link a doppio file PHP PHP 0
E PHP & jQuery PHP 8
N Passare array da php a javascript PHP 5
F Applicazione PHP/MySQL per prenotazioni: limitare il numero massimo di posti prenotabili PHP 20
L tipo boolean non funzionante su mariadb (mysql). E codice php 7.4. PHP 0
U PHP creare un file excel dopo ricerca nel DB PHP 0
M PHP/MySQL - Estrarre valori min e max di ogni gruppo PHP 5
F Php e fatturazione elettronica PHP 0
P lanciare script asp (o php) da jquery Javascript 1
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
P Data scraping in PHP non funziona PHP 4
C Calcoli matematici in php PHP 5
F Scrivere dei dati in word con php PHP 0
D PHP leggere cartella di Windows PHP 1
I dominio aruba versione php server linux Domini 3
G Colorare menu select attraverso ricerca php PHP 0
L PHP motore di ricerca nel sito PHP 1
S PHP e Mysqli PHP 0
Y Stampare da php su un foglio A6 attraverso una stampante esterna PHP 1
M Visulizzare immagine con php PHP 8
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
G leggere file txt e stampare con php il contenuto a video PHP 7
F Ricreare struttura php+mysql su Xampp Apache 0
Z PHP.INI - STMP per invio email con PHP Server Dedicati e VPS 0
M Array associativi php su 2 campi mysql PHP 10
G Invio form con PHP PHP 3
T fatture con voci fattura in php PHP 0

Discussioni simili

Alto Basso