:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - prettPhoto oder fancyBox anstelle der lightbox

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

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

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

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

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

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

Inaktiv

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.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> Allgemein (Support) -> prettPhoto oder fancyBox anstelle der lightbox