Hallo,
ich versuche gerade, eine Slideshow (zu finden unter: ImageShack™ slideshow) in mein Blog auf Blogger einzufügen, was aber nicht so recht funktioniert.
Mein HTML-Code sieht momentan so aus:
[HTML][/HTML]Beim MIME-Typ, habe ich aber auch schon verschiedene Varianten ausprobiert, von denen keine funktionierte, z.B. text/html, text/javascript, text/css. Es wird immer ein Feld angezeigt, mit der Meldung, dem Browser fehlten die benötigten Plugins zur Anzeige des eingebetteten Elementes.
Der Seitenquelltext der Slideshow sieht folgendermaßen aus:
[HTML]
<html>
<head>
<title>ImageShack(TM) slideshow</title>
<link type="text/css" href="/css/slideshow.css" title="User Defined Style" rel="stylesheet"/>
<script type="text/javascript" src="/scripts/jquery/jquery.js"></script>
<script type="text/javascript" src="/scripts/jquery/jquery.cycle.all.js"></script>
<script type="text/javascript" src="slideshow.js"></script>
<script type="text/javascript">
var minimize = false;
var loaded_slides = {};
</script>
</head>
<body class="body_style">
<div id="slide" style="position:absolute; top:0; left:0; z-index:1000;"></div>
<div id="slideshow" >
<img border="0" file_server="img155" file_name="2010100.jpg" slide_number="0" file_src="http://img155.imageshack.us/img155/8025/2010100.jpg" width="3264" height="2448" orig_width="3264" orig_height="2448" style="display: none" onerror="this.width=80; this.height=90; this.src='http://imageshack.us/images/no_photo_b.gif'" onload="loaded_slides[0]=true;"/>
<img border="0" file_server="img205" file_name="2010086.jpg" slide_number="1" file_src="http://img205.imageshack.us/img205/1676/2010086.jpg" width="3264" height="2448" orig_width="3264" orig_height="2448" style="display: none" onerror="this.width=80; this.height=90; this.src='http://imageshack.us/images/no_photo_b.gif'" onload="loaded_slides[1]=true;"/>
<img border="0" file_server="img291" file_name="2010084.jpg" slide_number="2" file_src="http://img291.imageshack.us/img291/1157/2010084.jpg" width="4328" height="1696" orig_width="4328" orig_height="1696" style="display: none" onerror="this.width=80; this.height=90; this.src='http://imageshack.us/images/no_photo_b.gif'" onload="loaded_slides[2]=true;"/>
<img border="0" file_server="img155" file_name="2010082.jpg" slide_number="3" file_src="http://img155.imageshack.us/img155/121/2010082.jpg" width="4342" height="1696" orig_width="4342" orig_height="1696" style="display: none" onerror="this.width=80; this.height=90; this.src='http://imageshack.us/images/no_photo_b.gif'" onload="loaded_slides[3]=true;"/>
<img border="0" file_server="img413" file_name="2010081c.jpg" slide_number="4" file_src="http://img413.imageshack.us/img413/6946/2010081c.jpg" width="6130" height="1648" orig_width="6130" orig_height="1648" style="display: none" onerror="this.width=80; this.height=90; this.src='http://imageshack.us/images/no_photo_b.gif'" onload="loaded_slides[4]=true;"/>
<img border="0" file_server="img441" file_name="2010077.jpg" slide_number="5" file_src="http://img441.imageshack.us/img441/7529/2010077.jpg" width="4310" height="1648" orig_width="4310" orig_height="1648" style="display: none" onerror="this.width=80; this.height=90; this.src='http://imageshack.us/images/no_photo_b.gif'" onload="loaded_slides[5]=true;"/>
<img border="0" file_server="img413" file_name="2010083.jpg" slide_number="6" file_src="http://img413.imageshack.us/img413/7950/2010083.jpg" width="6268" height="1680" orig_width="6268" orig_height="1680" style="display: none" onerror="this.width=80; this.height=90; this.src='http://imageshack.us/images/no_photo_b.gif'" onload="loaded_slides[6]=true;"/>
</div>
<div id="loader"></div>
<div id="controls" class="transparentDiv70">
<div id="images"><span id="c_img">1</span> of 7</div>
<div id="prev"><span>Prev</span></div>
<div id="stopplay" switch_to="pause"><span class="pause">Pause</span></div>
<div id="next"><span>Next</span></div>
<div id="speed">
<div id="speed_arrow"><span style="float: left; margin-left: 10px;">Speed</span><div class="arrow_up">List</div></div>
<div id="speed_values">
<ul>
<li><a speed="1" href="javascript:;">Fast</a></li>
<li><a speed="2" href="javascript:;">Medium</a></li>
<li><a speed="3" href="javascript:;">Slow</a></li>
</ul>
</div>
</div>
</div>
viele Grüße
Hendrik