Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 10
Seite [1]
session


Wannabe poster





Beiträge: 23
 # Thema - 03.06.2013 um 12:38 Uhr
Moin community,

kann mir wer dabei helfen prettyPhoto oder die fancyBox zum laufen zu bringen?

In einem vorherigen Projekt lief bei mir prettyPhoto ohne Probleme. Habe auch alles 1 zu 1 übernommen. Nur leider läuft es auf der neuen Seite nicht. Die neue Seite läuft mit der aktuellsten Version von clansphere (2011.4.1). Wurde da irgendwas im Bereich jQuery geändert?

Zum verdeutlichen mal nen bischen code:

 
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.
1. / 2. / ... 
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN">
    <head>
        <title>{func:title}</title>
        <meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
        {clansphere:navmeta}
                <meta property="og:image" content="/templates/clansphere/images/facebook_logo.png" />            
        <meta http-equiv="expires" content="0">
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/reset.css" />        
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/global.css" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/layout.css" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/content_blue.css" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/navigation_blue.css" />
                <link rel="stylesheet" href="/templates/clansphere/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
                 <script src="/templates/clansphere/prettyPhoto/js/jquery-1.6.1.min.js" type="text/javascript"></script>    
                 <script src="/templates/clansphere/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>


    </head>

<body>

<div>meincontent</div>

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>

</body>




Die Verzeichnisse zu den Dateien sind natürlich angelegt und vorhanden.

Grund für den ganzen Aufwand ist, dass ich zur besseren Übersicht und der Bedienerfreundlichkeit Videos in prettyPhoto einbinden möchte, ja eigentlich schon muss...

Grèédz
Inaktiv
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 1 - 03.06.2013 um 12:40 Uhr
könnte daran liegen, das du jquery 2 mal einbindest.
Einmal selber und einmal per csp


Inaktiv
|
session
Thread-Ersteller


Wannabe poster





Beiträge: 23
 # Antwort: 2 - 03.06.2013 um 12:46 Uhr
Hmmm... Ich habs auch schon mal ohne

 
1.
1. / 2. / ... 
 <script src="/templates/clansphere/prettyPhoto/js/jquery-1.6.1.min.js" type="text/javascript"></script>


probiert und da liefs auch nicht.

Was würde denn passieren wenn ich in die /mods/jquery/jquery.js die aktuellste Version von jQuery reinkopieren würde und o.a. Verweis nicht in die index.htm schreibe?


Zuletzt editiert von session am 03.06.2013 um 12:51 Uhr (1x Editiert)
Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 3 - 03.06.2013 um 12:49 Uhr
Das liegt daran das dein Plugin geladen wird bevor das CSP jquery initialisiert wird.
Folgenden Platzerhalter über dein Plugin schreiben.
{func:javascript}

Außerdem ist es besser wenn man JavaScript am Ende des Bodys lädt und nicht im Headbereich.


------------------
I like the part where it says 'nyan'



Zuletzt editiert von palle ClanSphere Team am 03.06.2013 um 15:07 Uhr (2x Editiert)
Inaktiv
|
session
Thread-Ersteller


Wannabe poster





Beiträge: 23
 # Antwort: 4 - 03.06.2013 um 12:57 Uhr
Du meinst so?

 
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.
1. / 2. / ... 
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN">
    <head>
        <title>{func:title}</title>
        <meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
        {clansphere:navmeta}
                <meta property="og:image" content="/templates/clansphere/images/facebook_logo.png" />            
        <meta http-equiv="expires" content="0">
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/reset.css" />        
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/global.css" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/layout.css" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/content_blue.css" />
                <link rel="stylesheet" type="text/css" href="/templates/clansphere/stylesheets/navigation_blue.css" />
                <link rel="stylesheet" href="/templates/clansphere/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />

    </head>

<body>

<div>meincontent</div>

{func_javascript}
<script src="/templates/clansphere/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>
            

    </body>


funktioniert!!!!!!!!!!

danke!


Zuletzt editiert von session am 03.06.2013 um 13:01 Uhr (2x Editiert)
Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 5 - 03.06.2013 um 13:02 Uhr
Der Pfad zum jquery Plugin ist auch korrekt, ja?


------------------
I like the part where it says 'nyan'



Inaktiv
|
session
Thread-Ersteller


Wannabe poster





Beiträge: 23
 # Antwort: 6 - 03.06.2013 um 13:04 Uhr
Ja. funktioniert. da haben sich unsere Antworten grade überschnitten. danke!!


Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 7 - 03.06.2013 um 13:06 Uhr
Kein Ursache.


------------------
I like the part where it says 'nyan'



Inaktiv
|
hajo ClanSphere Team


VIP - Poster




Herkunft: Barsbüttel
Beiträge: 9411
 # Antwort: 8 - 03.06.2013 um 14:57 Uhr
mit der cs_scriptload funktion kann man css und js dateien zum mitladen bewegen in clansphere, z.b. über startup.php dateien, die bei jedem request ausgeführt werden oder alternativ dort mitgeben, wo man diese verwendet. so läd clansphere selbst z.b. auch jquery mit im jquery modul.


------------------
ClanSphere - professional clan care starts here

Offline
|
Hollow_Man


Beginner




Beiträge: 12
 # Antwort: 9 - 20.07.2013 um 10:07 Uhr
Könnte mir jemand eine genaue anleitung geben ich ich von lightbox aud prettyPhoto umstelle?


Inaktiv
|
Hollow_Man


Beginner




Beiträge: 12
 # Antwort: 10 - 26.07.2013 um 17:38 Uhr
Brächte immer noch hilfe, da ich nicht weiß wo ich anfangen soll


Inaktiv
|
Antworten: 10
Seite [1]


Sie müssen sich registrieren, um zu antworten.