|
|
Rank: AiutAmico
Iscritto dal : 10/19/2010
Posts: 66
|
Ciao, devo riprendere l'argomento "Gallery" per questioni di Compatibilità: Ho postato su FB i link www.pausacaffepg.it/galleria.htme mi hanno detto che non funziona (non legge i .js) e, mi dicono che non è compatibile con FIREFOX Allora ho postato la Home P dicendo di andare alla Gallery da lì. (Ho provato anch'io da un altro Computer (con Google Chrome) e mi visualizzava le anteprime ma era morto sull'Ingrandimento Animato) Per favore, andate a vedere se a voi funziona e Con quale Browser poi, se possibile, mi dite se c'è un Link che aggiusti eventuali problemi di compatibilità? Vi ringrazio. PS: ora vado sul w3c per testare l'Html e il Css..per i .js non so.. A Presto
|
|
|
|
|
|
Rank: AiutAmico
Iscritto dal : 12/9/2009
Posts: 345
|
Ciao Archimede! C'è qualcosa che mi sfugge...  La tua pagina non funziona in rete, ma se la importo in locale e rifaccio i collegamenti è tutto OK... Io comunque uso Firefox! Non saprei dirti; prova con questo codice fino alla fine di <head> (l'unica cosa che ho riscontrato è una gran confusione nei link agli script, ripetuti più volte... Forse si tratta solo di questo): Code:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" >
<meta content="Archimede 70" name="author" >
<title>Galleria</title>
<link rel="stylesheet" type="text/css" href="CB.css" />
<link rel="stylesheet" href="fancybox/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/js/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="fancybox/js/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".gallery").fancybox({
'speedIn' : 500,
'speedOut' : 500,
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none',
'titlePosition' : 'inside',
'easingIn' : 'swing'
});
});
</script>
</head> Inoltre (ma questo potremo correggerlo quando comincerà ad andare Fancybox), ti segnalo che hai dimenticato di assegnare degli attributi rel ai link per creare delle gallerie separate...
|
|
Rank: AiutAmico
Iscritto dal : 10/19/2010
Posts: 66
|
wubullo ha scritto:
Inoltre (ma questo potremo correggerlo quando comincerà ad andare Fancybox), ti segnalo che hai dimenticato di assegnare degli attributi rel ai link per creare delle gallerie separate...
Grazie Wubullo, mi era sfuggito alla grande il raddoppio dei Link !! La questione degli attributi "rel" (Nota: non voglio fare Gall.Separate, non per ora almeno) può essere collegata al fatto che il "W3C validator" non mi ha approvato nessuna di queste righe: Code:<a class="gallery" href="Gall/f0.jpg" title="Nell'Umbro paese di Marsciano,"> <img src="Gall/A0.jpg" alt="Anteprima"></a> dicendomi :"<a> non è ammesso qui"??
|
|
Rank: AiutAmico
Iscritto dal : 12/9/2009
Posts: 345
|
archimede70 ha scritto:non voglio fare Gall.Separate, non per ora almeno Tieni però conto di una cosa (è un consiglio): chi visita la pagina (come ho fatto io), per leggersi la storia deve cliccare su ogni singola immagine, vedere la foto in Fancybox, chiudere Fancybox, cliccare su un'altra anteprima e così via... Non ti sembra un po' scomodo?  archimede70 ha scritto:può essere collegata al fatto che il "W3C validator" non mi ha approvato nessuna di queste righe: Code:<a class="gallery" href="Gall/f0.jpg" title="Nell'Umbro paese di Marsciano,"> <img src="Gall/A0.jpg" alt="Anteprima"></a> dicendomi :"<a> non è ammesso qui"?? No, non preoccuparti: non c'è alcuna relazione. Quelle indicazioni, tra l'altro, puoi tranquillamente trascurarle: vedrai che se tu mettessi sulla stessa riga tutta la stringa Code:<a class="gallery" href="Gall/f0.jpg" title="Nell'Umbro paese di Marsciano,"><img src="Gall/A0.jpg" alt="Anteprima" /></a> l'errore non ti verrebbe più segnalato. Il validator fa il parsing della pagina e quando incontra istruzioni "interrotte" (solo perché sono su due righe diverse) si allarma!
|
|
Rank: AiutAmico
Iscritto dal : 10/19/2010
Posts: 66
|
wubullo ha scritto:Tieni però conto di una cosa (è un consiglio): chi visita la pagina (come ho fatto io), per leggersi la storia deve cliccare su ogni singola immagine, vedere la foto in Fancybox, chiudere Fancybox, cliccare su un'altra anteprima e così via... Non ti sembra un po' scomodo? Caspita: Io ho impaginato il tutto in modo che si possano cliccare in fila le anteprime senza chiudere l'ingrandimento !! Però sul mio schermo va bene.. Ma Non So Sugli altri. A te, l'ingrandimento dell'immagine copre le anteprime??
|
|
Rank: AiutAmico
Iscritto dal : 12/9/2009
Posts: 345
|
Intendo dire che se non scrivi Commenta:<a class="gallery" rel="group" href="Gall/f0.jpg" title="Nell'Umbro paese di Marsciano,"><img src="Gall/A0.jpg" alt="Anteprima" /></a> per tutti link che compongono la galleria, non si attiva la modalità di scorrimento attraverso gli indicatori 'precedente' o 'prossimo' (i pulsantini con le frecce) né potrà funzionare lo scrolling con la rotellina del mouse: il clic su ogni singola anteprima apre una finestra di ingrandimento che non è in alcun modo collegata all'immagine precedente o successiva... Ecco un esempio ottenuto applicando questo metodo alle prime quattro immagini:
|
|
Rank: AiutAmico
Iscritto dal : 10/19/2010
Posts: 66
|
Aspita !!! mi è capitato di dirtelo......ma in questo caso in particolare:
E' un importante Ragguaglio!!
Graz.
|
|
Rank: AiutAmico
Iscritto dal : 12/9/2009
Posts: 345
|
Preg! Ho dato una nuova occhiata alla pagina e adesso è tutto OK (dovrebbe funzionare su tutti i browser). Ancora una volta, bravo e congratulazioni: l'idea del "foto-racconto" è veramente molto accattivante!  Ciao e a presto! P.S.: se un domani volessi mai crearti un bell'album fotografico diviso per eventi, o una specie di diario dei ricordi, ti segnalo questo bel progetto (fatto tutto con Javascript e CSS) --> Moleskine notebook
|
|
|
Guest |
