colorbox Fehler: Request unsuccessful: error

[counter18]

Hi ich habe mich gerade mit colorbox beschäftigt, komme aber nicht weiter. Vor allem weil nun nicht das Bild angezeigt wird, sondern nur der Fehler: Request unsuccessful: error

So sieht mein Aufruf aus:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.checkbox').change(function(){  
        if($(this).is(':checked')){  
            $(this).prev('label').addClass('labelactive');  
        }else{  
            $(this).prev('label').removeClass('labelactive');  
        }  
    });  
});
$(document).ready(function(){ 
    $('.bild').change(function(){  
        if($(this).is(':hover')){  
            $(this).prev('span').addClass('show');  
        }else{  
            $(this).prev('span').removeClass('show');  
        }  
    });  
});
  $(document).ready(function(){
    $('#form').validate({
		rules: {
			name: {required:true},
			email: {required:true, email:true }
			},
		messages: {
				name: {
					required: 'Bitte geben Sie einen Namen an'
					},
				email: {
					required: 'Bitte geben Sie eine gültige E-Mailadresse an'
					}
			}
		});
  });
  $(document).ready(function(){
   	$(".group").colorbox();
  	});
  
  
</script>

Inkludierte Bibliotheken:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script type="text/javascript" src="http://www.....de/js/scroll.js"></script>
<script type="text/javascript" src="http://www.....de/js/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="http://www....de/js/colorbox.css" media="screen" />
<script type="text/javascript" src="http://www.....de/js/jquery.metadata.js"></script>
<script type="text/javascript" src="http://www.....de/js/jquery.validate.min.js"></script>

und der Aufruf der Datei:

echo "<a style=\"margin-bottom: 3px;\" href=\"http://www.....de/produkte/image.php?f=".$ordner.$medium."&amp;d=1\" class=\"group\"><img border=\"0\"  src=\"http://www.....de/produkte/image.php?f=".$ordner.$medium."&amp;d=2\" alt=\"\" /></a>\n";
                } 

Woran könnte das nun liegen?

[pidd]

Etwas mehr Struktur würde dir und uns helfen.

Zum Beispiel vernünftiges einrücken etc,.. nun ja gibt es einen bestimmten Grund warum du die function document.ready mehrmals ausführen möchtest? Reduziere das mal auf ein document.ready vielleicht funktionierts ja dann schon

ansonsten könnte ich die mal jshint ans Herz legen das checkt erstmal auf grobe Fehler im Script.

[counter18]

Hi Pidd,

danke für den Hinweis. Bin mal noch mal durchgegangen und hab es ein wenig überarbeitet, aber der Fehler taucht noch auf. So sieht es aus:

<script type="text/javascript"> 

$(document).ready(function(){ 
    $('.group').colorbox();
  });
</script>

Der Aufruf erfolgt über:

<a style="margin-bottom: 3px;" href="http://www.url.de/produkte/image.php?f=../gross/bild.jpg&amp;d=1" class="group">
     <img border="0"  src="http://www.url.de/produkte/image.php?f=../gross/bild.jpg&amp;d=2" alt="" />
</a>

Die eingebundenen Libraries sind:

<script src="http://www.url.de/js/jquery-1.7.js"></script>
<script src="http://www.url.de/js/jquery.colorbox.js"></script>
<link rel="stylesheet" href="http://www.url.de/js/colorbox.css" />
<script type="text/javascript" src="http://www.url.de/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://www.url.de/js/jquery.metadata.js"></script>
<script type="text/javascript" src="http://www.url.de/js/scroll.js"></script>

Ich hoffe ich konnte das ein wenig übersichtlicher gestalten.

Gruß

Counter

[pidd]

Viel besser

Gut, dann schauen wir mal worans liegt...
Wo genau hast du

<script type="text/javascript">

$(document).ready(function(){
$('.group').colorbox();
});
</script>

eingebunden?? Wichtig ist, dass es nach <script src="http://www.url.de/js/jquery.colorbox.js"></script> eingebunden wird. Ich vermute aber mal, dass du das schon richtig gemacht hast... oder?

[pidd]

Achja und da sehe ich gerade, dein Link ein Bild ist dann solltest du mal die option photo auf true setzen..
Im klartext

$('.group').colorbox({photo:true});

[counter18]

Super es hat funktioniert. Das wars

[pidd]

freut mich