Sie sind nicht angemeldet.

[GELÖST] JS Hilfe bei "Galleria"

Lieber Besucher, herzlich willkommen bei: cms2day Forum - Community & Support rund ums cms2day. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

blu

cms2day Projekt Spender

  • »blu« ist der Autor dieses Themas

Beiträge: 256

Paypal:

  • Nachricht senden

1

Dienstag, 31. Mai 2011, 18:57

JS Hilfe bei "Galleria"

Heyho,

ich hoffe ihr könnt mir bei diesem kleinen großen Problem helfen. Ich wollte das "Galleria" - Script benutzen.

Sorry, aber es ist zum werkeln auf localhost. In der config.inc.php lade ich folgendes:

Quellcode

 
1
2
3

<script type="text/javascript" src="http://localhost/cms/includes/templates/neu/js/galleria-1.2.3.min.js"></script>
<script type="text/javascript" src="http://localhost/cms/includes/templates/neu/js/galleria.classic.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>


Als Content hab ich die Demo direkt übernommen:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

 <h1>Galleria Classic Theme</h1>

        <p>Demonstrating a basic gallery example.</p>

        
        <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->
        
        <div id="galleria">
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/1000px-Locomotives-Roundhouse2.jpg">
            	<img title="Locomotives Roundhouse"
            	     alt="Steam locomotives of the Chicago &amp; North Western Railway." 
            	     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
        	</a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
                <img title="Icebergs in the High Arctic"
                     alt="”The debris loading isn't particularly extensive, but the color is usual.”"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg">

            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">

                <img title="Araña"
                     alt="Xysticus cristatus, A Estrada, Galicia, Spain"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
                <img title="Museo storia naturale"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">

                <img title="Grjótagjá caves in summer 2009"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">

                <img title="Thermes"
                     alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
                <img title="Polish Army Kołobrzeg"
                     alt="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
            </a>

            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg">
                <img title="Zlatograd Bulgaria"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg">
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">

                <img title="09-28-2001 in New York City"
                     alt="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
            </a>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg">

            </a>
        </div>
        
        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>

    </div>
    <script>

    // Load the classic theme
    Galleria.loadTheme('galleria.classic.js');
    
    // Initialize Galleria
    $('#galleria').galleria();

    </script>						
					</div>


Problem ist, dass die Bilder alle schön aufgereiht werden, sie aber nicht in der "Galleria" angezeigt werden, bzw. die "Galleria" überhaupt nicht lädt, sondern dass nur die Bilder wie oben im HTML so dastehen. Wahrscheinlich ist die Lösung sehr nahe, aber ich steh voll aufm Schlauch.

Firebug sagt mir nun das die Zeile 164 (Galleria.loadTheme('galleria.classic.js');) nicht definiert ist. Nun wie löse ich das ganze?
Diese JS Datei habe ich auch schon mal direkt reingeladen -> selbes Problem!

Hoffe auf schnelle Hilfe!

MfG blu

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »blu« (31. Mai 2011, 19:19)

Werbung

blu

cms2day Projekt Spender

  • »blu« ist der Autor dieses Themas

Beiträge: 256

Paypal:

  • Nachricht senden

2

Dienstag, 31. Mai 2011, 19:19

Hat sich gerade von selbst gelöst, es war wirklich super leicht :)

Das Problem war das die JS - Dateien jQuery nicht gefunden haben. (Geht auch ohne Pfad nicht!)

Es tut mir nochmals leid, aber JS ist überhaupt nicht mein Ding.. ich bin sogar zu doof ein einfaches Script zu includen :(

MfG blu
Werbung

djknuffel

Moderator

  • »djknuffel« ist männlich

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

  • Nachricht senden

3

Mittwoch, 1. Juni 2011, 07:27

wenn du iwo jquery einsetzt, musst du die js datei mit jquery immer als erstes einbinden und dann die restlichen js files sonst klappt das nie ^^
akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf
Werbung

blu

cms2day Projekt Spender

  • »blu« ist der Autor dieses Themas

Beiträge: 256

Paypal:

  • Nachricht senden

4

Donnerstag, 2. Juni 2011, 12:48

Ja, ich weiß.. habe ich ja auch direkt nach Anleitung gemacht von dem Google API Teil.. also so ne URL, aber Firebug hat direkt in der JS-Datei gemeckert, und dann musste ich direkt in dem Verzeichnis der JS - Datei jQuery einbinden. Aber ehrlich gesagt gefiel mir es letztendlich doch nicht, mein Content vom Design ist einfach zu klein. Hast DU eventuell ein ähnliches Gallerie - Script? :)

MfG blu
Werbung

Ähnliche Themen