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>