Warum werden keine Bilder angezeigt/Jquery

[DaVosh]

Mein Problem ist folgendes ich möchte gerne ein Slideshow nutzen aber wenn ich sie mittels Javascript aufrufe werden keine Bilder angezeit. Aber wenn ich in der .jsp seite den selben Code schreibe zeigt er mir die Bilder an Bitte um Hilfe!!!

Javascript Function:

function showHotel()  
{  
    try  
    {  
    var hotel = document.getElementById("Hotel").value;  
    if(hotel == "Shangri-La Hotel Qaryat Al Beri Abu Dhabi")  
        {  
            var neu = "<div id='example'>"+  
			"<img src='img/new-ribbon.png' width='112' height='112' alt='New Ribbon' id='ribbon'>"+  
			"<div id='slides'>"+  
				"<div class='slides_container'>"+  
					"<a href='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267548.jpg'  target='_blank'><img src='img/test.jpg' width='570' height='270' alt='Slide 1'></a>"+  
					"<a href='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267551.jpg'  target='_blank'><img src='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267551.jpg' width='570' height='270' alt='Slide 2'></a>"+  
					"<a href='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267554.jpg'  target='_blank'><img src='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267554.jpg' width='570' height='270' alt='Slide 3'></a>"+  
					"<a href='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-194353.jpg'  target='_blank'><img src='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-194353.jpg' width='570' height='270' alt='Slide 4'></a>"+  
					"<a href='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267050.jpg'  target='_blank'><img src='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267050.jpg' width='570' height='270' alt='Slide 5'></a>"+  
                                "</div>"+  
				"<a href='#' class='prev'><img src='img/arrow-prev.png' width='24' height='43' alt='Arrow Prev'></a>"+  
				"<a href='#' class='next'><img src='img/arrow-next.png' width='24' height='43' alt='Arrow Next'></a>"+  
			"</div>"+  
			"<img src='img/example-frame.png' width='739' height='341' alt='Example Frame' id='frame'>"+  
		"</div>";  
           			  
            document.getElementById("Preview").innerHTML = neu;  
        }  
  
        }catch(ex)  
        {  
            text=" error has occured: \n"+"Error:  " + ex.name +"\n"+"Description:  "+ ex.message;  
       alert(text);  
        }  
}

JSP Page:(der selbe Code hier wirds richtig angezeigt)

  
<div id='example'>  
			<img src='img/new-ribbon.png' width='112' height='112' alt='New Ribbon' id='ribbon'>  
			<div id='slides'>  
				<div class='slides_container'>  
					<a href='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267548.jpg'  target='_blank'><img src='img/test.jpg' width='570' height='270' alt='Slide 1'></a>  
					<a href='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267551.jpg'  target='_blank'><img src='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267551.jpg' width='570' height='270' alt='Slide 2'></a>  
					<a href='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267554.jpg'  target='_blank'><img src='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267554.jpg' width='570' height='270' alt='Slide 3'></a>  
					<a href='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-194353.jpg'  target='_blank'><img src='http://s5.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-194353.jpg' width='570' height='270' alt='Slide 4'></a>  
					<a href='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267050.jpg'  target='_blank'><img src='http://s4.splcdn.net/images/hotels/41583/abu-dhabi-shangri-la-hotel-qaryat-al-beri-abu-dhabi-267050.jpg' width='570' height='270' alt='Slide 5'></a>  
                                </div>  
				<a href='#' class='prev'><img src='img/arrow-prev.png' width='24' height='43' alt='Arrow Prev'></a>  
				<a href='#' class='next'><img src='img/arrow-next.png' width='24' height='43' alt='Arrow Next'></a>  
			</div>  
			<img src='img/example-frame.png' width='739' height='341' alt='Example Frame' id='frame'>  
		</div>  

[JürgenB]

Hallo DaVosh,

Mein Problem ist folgendes ich möchte gerne ein Slideshow nutzen aber wenn ich sie mittels Javascript aufrufe werden keine Bilder angezeit.

was wird denn angezeigt?

function showHotel()

wann und wo wird diese Funktion aufgerufen?

Gruß
Jürgen

[DaVosh]

was wird denn angezeigt?

es wird nur der Slider angezeigt d.h ohne Bilder aber wenn ich den sleben Code in der .jsp seite schreibe funktioniert es.

function showHotel()

wann und wo wird diese Funktion aufgerufen?

In diese Funktion komm ich erfolgreich hinein also an dem Aufruf kann es nicht liegen.

[JürgenB]

Hallo DaVosh,

... den sleben Code in der .jsp seite ...

es ist nicht der selbe Code. Einmal schreibst du html per innerHTML in die Seite, und einmal hast du direkt html.

Daher wiederhole ich meine Frage: Wann und wo wird showHotel aufgerufen? Wenn der Aufruf zu früh kommt, existiert das Element mit der ID "Preview" noch nicht.

Kommt die Fehlermeldung aus dem catch-Zweig?

Was steht in der Fehlerkonsole?

Gruß, Jürgen

[DaVosh]

Hallo DaVosh,

... den sleben Code in der .jsp seite ...

es ist nicht der selbe Code. Einmal schreibst du html per innerHTML in die Seite, und einmal hast du direkt html.

Daher wiederhole ich meine Frage: Wann und wo wird showHotel aufgerufen? Wenn der Aufruf zu früh kommt, existiert das Element mit der ID "Preview" noch nicht.

Kommt die Fehlermeldung aus dem catch-Zweig?

Was steht in der Fehlerkonsole?

Gruß, Jürgen

Es kommt kein Fehler !!!
es existiert alles es wird keine Exception geworfen es wird.
in der jsp seite siehts wie der slider auf dieser seite aus
http://www.slidesjs.com/
aber wenn ich den Code mittels js aufrufe kommen keine Bilder es ist nur Grau

[bubble]

Schickt der Browser seine Requests für die angefragten Bilder? Werden die ordentlich beantwortet?

MfG
bubble

[DaVosh]

Schickt der Browser seine Requests für die angefragten Bilder? Werden die ordentlich beantwortet?

MfG
bubble

Ich weiß es nicht genau denke schon weil er jeden ander div Tag ausführt und die Umrandung ja da ist nur die Bilder fehlen

[JürgenB]

Hallo DaVosh,

kannst du die Seite oder eine Testseite mal online stellen?

Gruß, Jürgen

[DaVosh]

Hallo DaVosh,

kannst du die Seite oder eine Testseite mal online stellen?

Gruß, Jürgen

Ne denk nicht habs in netbeans programmiert würd zwar ohne auch gehen aber will jetzt nicht einen Hoster suchen und hochladen

[DaVosh]

Das Problem habe ich gelöst folgendes hat gefehlt

$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});

Die Intialisierung des Sliders obwohl es in der main jsp seite eig schon passiert ist.

Js ist und bleibt random es funktioniert wenn es will Skriptsprachen halt XD