visualizzare una immagine

maxxjo

Utente Attivo
27 Apr 2013
56
0
0
ciao! volevo sapere come mai non riesco a vedere la foto dopo averla cliccata dalla miniatura.
Ecco il codice:

<img id="lightbox" src=""></img>




<?
$path = "images/";
foreach(glob($path.'*.{jpg,png,gif,jpeg}',GLOB_BRACE) as $img)
echo "<a href='#'rel='lightbox'><img src=\"$img\" onclick=\"lightbox('$img')\" width='8%' height='5%' /></a>";
?>
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
La funzione lightbox cosa fa? Sennò prova a sostituirla cosi nell'onclick
Codice:
document.getElementById('lightbox').setAttribute('src','$img')
 

maxxjo

Utente Attivo
27 Apr 2013
56
0
0
errore

grazie per la risposta..
ho inserito il codice che mi hai dato e adesso mi apre la foto, ma il problema e che mi apre la foto senza il bordo bianco e sotto la foto mi apre la finestra di lightbox bianca con il punto di domanda..
io ho creato la funzione php che mi richiama tutte le foto che sono dentro una cartella, quello che mi piacerebbe ottenere e l'apertura in lightbox quando si clicca una di esse.
purtroppo richiamando tutte le foto dalla cartelle non riesco a capire quale funzione usare per fare aprire le immagini in grande con lightbox.
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
grazie per la risposta..
ho inserito il codice che mi hai dato e adesso mi apre la foto, ma il problema e che mi apre la foto senza il bordo bianco e sotto la foto mi apre la finestra di lightbox bianca con il punto di domanda..
io ho creato la funzione php che mi richiama tutte le foto che sono dentro una cartella, quello che mi piacerebbe ottenere e l'apertura in lightbox quando si clicca una di esse.
purtroppo richiamando tutte le foto dalla cartelle non riesco a capire quale funzione usare per fare aprire le immagini in grande con lightbox.
La funzione in javascript 'lightbox()' che cosa dovrebbe fare quando gli passi un immagine? (posta il suo eventuale codice o errori che riscontri nella console js)
 

maxxjo

Utente Attivo
27 Apr 2013
56
0
0
ecco.

Questo è il codice php.

<img id="light">

<div class="list">
<?
$path = "images/";
foreach(glob($path.'*.{jpg,png,gif,jpeg}',GLOB_BRACE) as $img)
echo "<a href='#'><img src=\"$img\" onclick=\"document.getElementById('light').setAttribute('src','$img')\" width='8%' height='5%' /></a>";
?>

Con questo codice mi apre l'immagine ma non con la funzione lightbox..

Codice javascript:
<!--SCRIPT LIGHT BOX-->
<script>
jQuery(document).ready(function($) {
$('a').smoothScroll({
speed: 1000,
easing: 'easeInOutCubic'
});

$('.showOlderChanges').on('click', function(e){
$('.changelog .old').slideDown('slow');
$(this).fadeOut();
e.preventDefault();
})
});

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2196019-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
Questo è il codice php.

<img id="light">

<div class="list">
<?
$path = "http://forum.mrwebmaster.it/images/";
foreach(glob($path.'*.{jpg,png,gif,jpeg}',GLOB_BRACE) as $img)
echo "<a href='#'><img src=\"$img\" onclick=\"document.getElementById('light').setAttribute('src','$img')\" width='8%' height='5%' /></a>";
?>

Con questo codice mi apre l'immagine ma non con la funzione lightbox..

Codice javascript:
<!--SCRIPT LIGHT BOX-->
<script>
jQuery(document).ready(function($) {
$('a').smoothScroll({
speed: 1000,
easing: 'easeInOutCubic'
});

$('.showOlderChanges').on('click', function(e){
$('.changelog .old').slideDown('slow');
$(this).fadeOut();
e.preventDefault();
})
});

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2196019-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
Io non vedo alcuna funzione dal nome 'lightbox' definita nel tuo codice js per aprire l'immagine

ps: google analytics non serve postarlo
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
M visualizzare una immagine dopo essere sarta cliccata PHP 0
K Visualizzare del html responsive in una Webview Sviluppo app per Android 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
B visualizzare una sola riga Database 3
L [PHP] Visualizzare se una pagina è pingata PHP 1
D [WordPress] come fare per estrarre dati da un db MySQL tramite una form e visualizzare il risultato WordPress 0
ecosito [WordPress] Visualizzare una mappa con i pin dei post tramite GPS? WordPress 4
M Visualizzare da una classe esistente ogni profilo utente PHP 1
Devil-94 visualizzare alert con una sequenza di tasti Javascript 6
P Problema: visualizzare a schermo una nuova pagina durante l'attesa di caricamento PHP 1
gaia visualizzare una opzione di un campo mysql MySQL 18
E visualizzare automaticamente tutte le immagini di una cartella PHP 1
M Visualizzare record in una textarea è possibile? PHP 2
A Visualizzare albero DOM completo oppure Visualizzare Nodi che fanno parte di una Selezione Javascript 6
A Visualizzare risultati ottenuti da una select multipla PHP 7
C Visualizzare i caratteri accentati e speciali in una textarea Javascript 16
S come faccioa visualizzare ogni singolo record all'interno di una tabella sul click di un elemento a? PHP 4
A Visualizzare i dati di una pagina PHP in HTMl HTML e CSS 13
L Visualizzare files in una cartella con titolo in base al file PHP 11
R Visualizzare i files di una Directory PHP 7
A modifica scpript per visualizzare una riga alla volta di una tabella Javascript 1
G visualizzare il contenuto di una cartella Flash 0
C Visualizzare un .Avi in una pagina usando Dreamweaver HTML e CSS 0
P visualizzare il contenuto di una cartella tramite mysql.... MySQL 2
max1850 Visualizzare un file pdf in una pagina asp Classic ASP 4
SolidSnake4 come visualizzare dati da una cartella PHP 1
A Visualizzare Risultati di una query in una tabella PHP 3
P Visualizzare solo una porzione di testo in un file txt PHP 3
M visualizzare una foto+musica HTML e CSS 1
E Access 2003 : Visualizzare una somma in una casella di testo MS Access 2
F Visualizzare un array in una tabella PHP 6
D Visualizzare il contenuto di una cartella Classic ASP 1
jan267 Visualizzare i file di una cartella PHP 1
jan267 Visualizzare tutti i files presenti in una directory Classic ASP 0
I visualizzare lista utenti registrati PHP 1
N php problemi a visualizzare video PHP 3
P come posso visualizzare l'nvr online IP Cam e Videosorveglianza 0
M Visualizzare ultima data registrata MS Access 2
G Numero zero null non deve visualizzare nulla PHP 0
D visualizzare solo foto filtrate jQuery 1
M Visualizzare nuove domande in base a risposta precedente PHP 0
N Non Autorizzato. Dovresti rimuovere il parametro customize_messenger_channel per visualizzare l'anteprima in frontend. WordPress 1
M visualizzare ip cam in windows IP Cam e Videosorveglianza 0
napuleone visualizzare il codice senza usare gli & HTML e CSS 1
Y Come caricare e visualizzare un'immagine PHP 0
M Visualizzare file PDF con link preso dal DB PHP 0
Alex_70 Visualizzare 2 bandiere PHP 6
Alex_70 Visualizzare anteprima foto in dropdown PHP 2
L Visualizzare tabella all'interno finestra modal PHP 4

Discussioni simili