Problem mit relativem Pfad in Javascript

[Jan-Frederik Stieler]

Hallo,
ich hab mir hier dieses JQuery-Script zusammengeschuster:

$(document).ready(function()
 {  
    	//Bildänderung bei Hover
        $("ul.thumb li a").hover(function() {
            var Hauptbild = $(this).attr("href"); //Bild Namen 
            $("#contentbigpic img").attr({ src: Hauptbild });
            return false;        
        },  
        	//Div entladen
            function () {
            	$('#contentbigpic img').attr({ src: "<?php echo $this->baseurl ?>/images/stories/gallery/info/bild01.jpg" });
            });
            
 });

Nun habe ich das Problem das ich den Bildpfad (<?php echo $this->baseurl ?>/images/stories/gallery/info/bild01.jpg) nicht absolut angeben möchte. Leider weiß ich nur wioe ich das mit PHP mache. Nur das funktioniert ja nicht mit Javascript.
Was kann ich den da jetzt machen?

Viele Grüße

 

[Quaese]

Hi,

vielleicht hilft dir das location-Objekt weiter.

$('#contentbigpic img').attr({ src: window.location.protocol+"//"+window.location.hostname+"/images/stories/gallery/info/bild01.jpg" });

Ciao
Quaese

 

[bn]

Du könntest innerhalb des PHP-Scriptes global eine Javascript Variable erstellen, die den realtiven Wurzelpfad enthält.

z.B.

<script type="text/javascript">
var BASE_URL = "<?php echo $this->baseurl ?>";
// alternativ
// var BASE_URL = "/dein/pfad/";
</script>
<script type="text/javascript" src="deinJsScript.js" />

Diese globale Variable kannst du dann auch in eingebundenen JS-Scripten verwenden.

Grüße BN