Problem mit Vegas Background jQuery Plugin

[monst3r]

Hallo!

Ich habe folgendes Script eingebaut. http://vegas.jaysalvat.com/
Die normale Slideshow funktioniert. Nun möchte ich noch dieses Overlay hinzufügen.
Leider bekomme ich das nicht hin. Kann mir einer einen Tipp geben wie ich das Overlay einbauen kann?

Zur Testseite

 <script>
$.vegas('slideshow', {
				delay: 10000,
				backgrounds:[
					{ src: 'images/background4.jpg', fade: 4000 },
					{ src: 'images/background3.jpg', fade: 4000 },
					{ src: 'images/background2.jpg', fade: 4000 },
					{ src: 'images/background1.jpg', fade: 4000 }
							]
	} )('overlay', {
                    src:'/images/overlays/13.png'
		});

</script>

So ist die Struktur aufgebaut:

url/vegas/index.html

url/vegas/js/
url/vegas/js/libs/jquery-1.6.2.min.js
url/vegas/js/libs/jquery.vegas.js


url/vegas/css
url/vegas/css/style.css
url/vegas/css/jquery.vegas.css

url/vegas/images
url/vegas/images/loading.gif
url/vegas/images/background1 - 4.jpg
url/vegas/images/overlays/
url/vegas/images/overlays/01 - 15.png

css Datei:

.vegas-loading {
	/* Loading Gif by http://preloaders.net/ */
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	background:#000 url(http://cn-g.de/vegas/images/loading.gif) no-repeat center center;
	background:rgba(0, 0, 0, 0.7) url(http://cn-g.de/vegas/images/loading.gif) no-repeat center center;
	height:32px;
	left:20px;
	position:fixed;
	top:20px;
	width:32px; 
	z-index:0;
}

.vegas-overlay {
	background:transparent url(overlays/01.png);
	opacity:0.5;
	z-index:-1;
}

.vegas-background {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	z-index:-2;
}

Vielen Dank!

Grüße

[wuselmann]

Machs doch einfach so wie in der Dokumentation beschrieben!

$.vegas('overlay', {
src:'/images/overlays/13.png'
});
einzeln anstatt falsch angeklebt sollte funktionieren.

[monst3r]

Hallo!

So?

<script>$.vegas('slideshow', {
				delay: 10000,
				backgrounds:[
					{ src: 'images/background4.jpg', fade: 4000 },
					{ src: 'images/background3.jpg', fade: 4000 },
					{ src: 'images/background2.jpg', fade: 4000 },
					{ src: 'images/background1.jpg', fade: 4000 }
							]
	} );
$.vegas('overlay', {
src:'/images/overlays/13.png'
});
</script>

[wuselmann]

Hey

So?

Ich weiß nicht. Hab's nicht versucht - das ist Deine Aufgabe . Gehe aber davon aus, dass es so tun sollte weil es in der Doku ja so drin steht und ganz schlüssig aussieht. Was sagt denn der Netzwerkmonitor aus'm FireBug dazu?

Grüße
Holger

[monst3r]

Nabend!

Also so wie ich es Dir geschrieben hatte, funzt es leider auch nicht.
FireBug bringt auch keine Fehlermeldung.

Gr

[wuselmann]

Lass mal den Slash bei "/images" weg - ansonsten grüß mir den Entwickler schön, wenn Du ihn nach Rat ansuchst.