visualizzare una immagine

[maxxjo]

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]

La funzione lightbox cosa fa? Sennò prova a sostituirla cosi nell'onclick

document.getElementById('lightbox').setAttribute('src','$img')

 

[maxxjo]

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]

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]

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]

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

 

[maxxjo]

ok

quale codice javascript devo inserire perché funzioni?