Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Aiutamici Forum » Spazio Webmaster » HTML » Ottima Gallery REPRISE

Ottima Gallery REPRISE Opzioni
Topic Precedente · Topic Sucessivo
archimede70
Inviato: Friday, December 17, 2010 8:14:21 PM

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.htm
e 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
Torna in alto
 
Sponsor
Inviato: Friday, December 17, 2010 8:14:21 PM

 
Torna in alto
 
wubullo
Inviato: Saturday, December 18, 2010 7:22:22 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Ciao Archimede!

C'è qualcosa che mi sfugge... Think Think Think

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...
Torna in alto
 
archimede70
Inviato: Sunday, December 19, 2010 12:31:58 PM

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"??
Torna in alto
 
wubullo
Inviato: Sunday, December 19, 2010 12:43:12 PM

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? Eh?

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!
Torna in alto
 
archimede70
Inviato: Sunday, December 19, 2010 4:11:17 PM

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? Eh?

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??
Torna in alto
 
wubullo
Inviato: Sunday, December 19, 2010 4:23:35 PM

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:
Torna in alto
 
archimede70
Inviato: Monday, December 20, 2010 11:53:04 PM

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.
Torna in alto
 
wubullo
Inviato: Tuesday, December 21, 2010 10:59:00 AM

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! Applause Applause Applause

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
Torna in alto
 
Utenti presenti in questo topic
Guest

Aiutamici Forum » Spazio Webmaster » HTML » Ottima Gallery REPRISE


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.