Antworten auf deine Fragen:
Neues Thema erstellen

Slimbox fehler

Metal_Head

100% nur ICH!

Hallo allerseits,
obwohl heute früh, wie ich grade gesehen hab, schon ein Thread zum Thema "Lightbox 2" eröffnet wurde, muss ich mal einen Problemthread zu Slimbox, einem Ableger von Lightbox eröffnen...

Problem ist ganz einfach:

Es funktioniert nicht...:'(
Alles wurde richtig verlinkt, die Ordner mit den Daten sind auch richtig, ect....:uhm:
Kurzum, ich finde meinen Fehler nicht!

Zum Test hab ich mal die , die mitgeliefert wurde auch auf meinen Webspace hochgeladen und hier funktioniert es!

Wo es aber nicht funktioniert ist einmal das , was ich mal testweise mit Testbildern hochgeladen hab und einem ...

Wie gesagt, die Verlinkungen hab ich 3 mal überprüft, die stimmen alle!

Ordnerstruktur:


Uploaded with

In dem Ordnern css sind die ganzen CSS Dokumente drin, also diejenigen, die auch von der Slimbox benötigt werden.
Und im Ordner js sind die benötigten js Dokumente drin.
Auch die, die für die Navi benötigt werden sind dort drin und die geht ja interessanterweise...

Die Seite mit dem Tutorial befindet sich im Ordner "Foto" und das HTML-File für das Portfolio ist im Hauptordner HTML, genauso wie die von der Slimbox mitgelieferten index!

Hier mal der Code von der Tutorial-Seite:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Blumen und Rauch|Cross Media|ProjectXlevel</title>

<link type="text/css" href="../../css/css.css" rel="stylesheet" media="screen" />
<link type="text/css" href="../../css/css_x.css" rel="stylesheet" media="screen" />

		<link rel="stylesheet" type="text/css" href="../../css/superfish.css" media="screen" />
        
        <link rel="stylesheet" href="../../css/slimbox.css" type="text/css" media="screen" />
        
        <script type="text/javascript" src="../../js/mootools.js"></script>
		<script type="text/javascript" src="../../js/slimbox.js"></script>
        
		<script type="text/javascript" src="../../js/jquery-1.2.6.min.js"></script>
		<script type="text/javascript" src="../../js/hoverIntent.js"></script>
		<script type="text/javascript" src="../../js/superfish.js"></script>
        
		<script type="text/javascript">

		// initialise plugins
		jQuery(function(){
			jQuery('ul.sf-menu').superfish();
		});

		</script>
</head>

<body>
<div id="container">
<div id="logo">
  </div>
		<div id="banner">
        <div id="social">
        
          </div>

</div>
    		<div id="navi">
            <ul class="sf-menu">
			<li class="current">
				<a href="/index.html">//Startseite</a>
			</li>
			<li>
				<a href="/ueber_mich.html">//&Uuml;ber Mich</a>
	    </li>
			<li>
				<a href="/tutorials.html">//Tutorials</a>
		  </li>
			<li>
				<a href="/portfolio.html">//Portfolio</a>
			  <ul>
						<li><a href="/portfolio/menschen.html">//Menschen</a></li>
						<li><a href="/portfolio/architektur.html">//Architektur</a></li>
						<li><a href="/portfolio/technik.html">//Technik</a></li>
						<li><a href="/portfolio/natur.html">//Natur</a></li>
                        <li><a href="/portfolio/panorama.html">//Panorama</a></li>
						<li><a href="/portfolio/Party.html">//Party</a></li>
                        <li><a href="/portfolio/3D.html">//3D</a></li>
			  </ul>
</li>
			<li>
				<a href="/kontakt.html">//Kontakt</a>
			</li>	
		</ul>
        	</div>
				<div id="content">
                <br>
                <br>
                <br>
                <br>
                 
                                        <center><h1><u>Blumen und Rauch</u></h1></center>
                                        
                                          <br>
                                            <center><strong>Mit einfachen Mitteln effektvolle Fotos einfangen</strong></center>
                                            <br>
                                            <br>
                                            <!--foto aus flickr einfügen-->
                                            <blockquote>
                                            Um solche Fotos zu machen, ben&ouml;tigt es keine s&uuml;ndhaft teure Studioausstattung. Es reichen schon Materialien, die wir alle zuhause haben, oder für kleines<br>
                                            Geld in jedem Baumarkt oder Schreibwarenladen bekommt<br>
                                            Ich zeige euch in diesem Tutorial was ihr ben&ouml;tigt und wie ihr vorgeht.<br>
                                        </blockquote><br>
                                        <br>
                                        <u>Was braucht ihr?</u>
                                  <ul>
                                        	<li>Kamera mit Zoomobjektiv (Ich habe mit dem Sigma 55-200 gearbeitet)</li>
                                            <li>Stativ</li>
                                            <li>Blitz und Tischlampe mit Gelenken</li>
                                            <li>Schwarzes Papier</li>
                                            <li>F&uuml;r Rauch R&auml;cherst&auml;bchen</li>
                                            <li>F&uuml;r Blumen, nat&uuml;rlich Blumen</li>
                  </ul>
                                        <br>
                                        <br>
                                        <br>
                                        Das Setup sieht wie Folgt aus:<br>
                                         <a href="Bilder/LightingSetup_rauch_blumen.png" rel="lightbox" title="Aufbau"><img src="Bilder/thumb_LightingSetup_rauch.png" width="184" height="195" alt="aufbau" /></a>
                                         
			  </div>
	<div id="footer">
    <table>
  <tr>
    <td width="86" height="30">&nbsp;</td>
    <td width="252">&nbsp;</td>
    <td width="253">&nbsp;</td>
  </tr>
  <tr>
    <td height="20">&nbsp;</td>
    <td height="20">&copy; 2011</td>
    <td><strong><a href="/impressum.html">//Impressum</a></strong></td>
    <td width="247">info (at) projectxlevel (punkt) de</td>
    <td width="338">webmaster (at) projectxlevel (punkt) de</td>
  </tr>
</table>

    </div>
</div>

</body>
</html>

Ich finde den verdammten Fehler einfach nicht!:motz:

Hoffentlich kann mir da jemand weiterhelfen...
Danke schonmal!!!
 

Luziefer

Nicht mehr ganz neu hier

AW: Slimbox fehler

ich weiß ich hatte auch mal solche probleme mit lightbox aber, dort war der fehler die zu tiefe ordner struktur gewesen.
Firebug sagt auch das da ein Fehler in der motool zeile 3 vorhanden ist, kann schon an deiner baumstruktur liegen, da diese recht tief ist.

mehr kann ich dir da im moment auch nicht sagen als probiere es mal wenn du nicht so tief verschachtelst das ganze.
 

krid2873

Noch nicht viel geschrieben

AW: Slimbox fehler

Moin,

Metal_Head:
Wo es aber nicht funktioniert ist einmal das , was ich mal testweise mit Testbildern hochgeladen hab...
Der Fehler liegt hier in der Einbindung, Pfad zu den entsprechenden Dateien, der Slimbox.
Code:
<link rel="stylesheet" href="[COLOR=Red]../css/slimbox.css[/COLOR]" type="text/css" media="screen" />
 <script type="text/javascript" src="[COLOR=Red]../js/mootools.js[/COLOR]"></script>
 <script type="text/javascript" src="[COLOR=Red]../js/slimbox.js[/COLOR]"></script>
Entferne die Punkte und den Schrägstrich.
Code:
<link rel="stylesheet" href="[COLOR=Red]css/slimbox.css[/COLOR]" type="text/css" media="screen" />
<script type="text/javascript" src="[COLOR=Red]js/mootools.js[/COLOR]"></script>
<script type="text/javascript" src="[COLOR=Red]js/slimbox.js[/COLOR]"></script>
So sollte die Slimbox auf Portfolio funktionieren.


Metal_Head:
...und einem ...
Code:
<a href="Bilder/LightingSetup_rauch_blumen.png" [COLOR=Red]rel="slimbox"[/COLOR] title="Aufbau"><img src="Bilder/thumb_LightingSetup_rauch.png" width="184" height="195" alt="aufbau" /></a>
Die Slimbox wird mit einem rel="lightbox" aktiviert:
Code:
<a href="Bilder/LightingSetup_rauch_blumen.png" [COLOR=Red]rel="lightbox[/COLOR]" title="Aufbau"><img src="Bilder/thumb_LightingSetup_rauch.png" width="184" height="195" alt="aufbau" /></a>
...nachzulesen in der von dir verlinkten Anleitung zur Slimbox.
 

Metal_Head

100% nur ICH!

AW: Slimbox fehler

Hallo !
Das mit den Punkten und Strichen hab ich gestern schon probiert, funktioniert aber trotzdem nicht...
Und das im Tutorial hab ich nur kurz ausprobiert gehabt, aber wieder geändert. Also daran liegt es auch nicht!

Also die Einbindungen stimmen alle :/

Und , selbst wenn meine Struktur zu tief ist, dürfte ja in der index1, also der mitgelieferten Datei auch die Slimbox nicht funktionieren, so wie in der portfolio.HTML, da beide in dem gleichen Ordner (HTML) liegen.
Ach, der Fehler in der Mootools.js in Zeile 3...
Diese Zeile enthält den kompletten code... :(

Ich such weiter nach dem Fehler, aber wenn jemand zufälligerweise mir auf die sprünge helfen kann, ist er natürlich weiterhin wilkommen! :)

Edit: Hab in der Portfolio.html gerade die Lightbox 2 ausprobiert, aber die Funktioniert auch nicht... :(

Edit2: Gerade noch PrettyPhoto probiert und genau das gleich Ergebniss bekommen... :(
 
Zuletzt bearbeitet:

sokie

Mod | Web

AW: Slimbox fehler

- jquery vor dem plugin laden
- $.noConflict benutzen (jQuery.noConflict() – jQuery API)

Code:
  <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="js/mootools.js"></script>
    <script type="text/javascript" src="js/slimbox.js"></script>

        
        <script type="text/javascript" src="js/hoverIntent.js"></script>
        <script type="text/javascript" src="js/superfish.js"></script>
        <script type="text/javascript">

        // initialise plugins
    $.noConflict();
        jQuery(function($){
            $('ul.sf-menu').superfish();
        });

        </script>
dann klappts auch mit dem Nachbarn (mootools)
 

Metal_Head

100% nur ICH!

AW: Slimbox fehler

, DU bist GOTT!

1000 mal Danke!
Ich glaube ich sollte echt mal mich mit jQuery auseinandersetzen, damit mir sowas nicht mehr passiert! ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.619
Beiträge
1.538.363
Mitglieder
67.540
Neuestes Mitglied
Alex Weidner
Oben