✔ Bildergalerie in ebay verwenden

I

ilias90

Mitglied
Hallo an alle,

also leute ich versuche ein Bildergalerie zu erstellen aber ich schaffe das leider nicht weil ich mich nicht so gut auskenne mit HTML Codez... und brauche leider euro hilfe...

Code: 
<html>
<head>
<title>testen - dynamisch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
               <!--
               var imgGro = './artikel/gross/P817110.jpg';
               function ChangeImage( strSrc, strURL, hoehe, breite )
               {
                 document.images['middle'].src = strSrc;
                 imgGro = strUrl;
                 hoehe  = hoehe;
                 breite = breite;
                 return false;
               }
               </script>
</head>
<table><tr><td> | <a href="#" onclick="return ChangeImage('./artikel/thumb/P817110.jpg','./artikel/gross/P817110.jpg', '393', '450')">Foto 1</a> | <a href="#" onclick="return ChangeImage('./artikel/thumb/P347396.jpg','./artikel/gross/P347396.jpg', '240', '180')">Foto 2</a> | <a href="#" onclick="return ChangeImage('./artikel/thumb/P795768.jpg','./artikel/gross/P795768.jpg', '393', '450')">Foto 3</a> | <a href="#" onclick="return ChangeImage('./artikel/thumb/P363720.jpg','./artikel/gross/P363720.jpg', '240', '180')">Foto 4</a> | </td></tr><tr><td colspan=2 align=center><a href="#" onclick="window.open(imgGro,'detail','width=150,height=150');return false"><img name="middle" src='./artikel/thumb/P817110.jpg' border=0 /></a></td></tr>'</table>
</body>
</html>

Ich habe diese Code gefunden aber ich will bilder aus dem internet einbinden z.b
http://Test.Bild.jpg und ich schaffe das nicht....
Das brauch ich für Ebay also HTML Code
Ich hoffe ihr konnt mir weiter helfen.



Mfg.ilias90
 
Zuletzt bearbeitet:
Code: 
<html>
<head>
<title>testen - dynamisch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
               <!--
               var imgGro = './artikel/gross/P817110.jpg';
               function ChangeImage( strSrc, strURL, hoehe, breite )
               {
                 document.images['middle'].src = strSrc;
                 imgGro = strUrl;
                 hoehe  = hoehe;
                 breite = breite;
                 return false;
               }
               </script>
</head>
<table><tr><td> 
| <a href="#" onclick="return ChangeImage('http://shebangventures.com/yahoo_site_admin/assets/images/new_coins006ghghgh.143211456_std.jpg','http://shebangventures.com/yahoo_site_admin/assets/images/new_coins006ghghgh.143211456_std.jpg', '393', '450')">Foto 1</a> 
| <a href="##" onclick="return ChangeImage('http://www.earpaper.de/loudblog/upload/catimages/sport_bild_podcast.jpg','http://www.earpaper.de/loudblog/upload/catimages/sport_bild_podcast.jpg', '240', '180')">Foto 2</a> 
| <a href="###" onclick="return ChangeImage('http://static.rp-online.de/layout/showbilder/31050-ebay.jpg','http://static.rp-online.de/layout/showbilder/31050-ebay.jpg', '393', '450')">Foto 3</a> 

| <a href="####" onclick="return ChangeImage('http://static.rp-online.de/layout/showbilder/ebay.jpg','http://static.rp-online.de/layout/showbilder/ebay.jpg', '240', '180')">Foto 4</a> 
|</td></tr><tr><td colspan=2 align=center>
<a href="#" onclick="window.open(imgGro,'detail','width=150,height=150');return false"><img name="middle" src='http://static.rp-online.de/layout/showbilder/31050-ebay.jpg' border=0 /></a></td></tr>'</table>
</body>
</html>

so hab ich das gemacht, aber das problem ist da ist noch java code drin und das wird nicht bei ebay gelesen....kann man da was machen Oder gibt es ein andere galelie ähnlich wie diese wo man das bei ebay einbinden kann?

Mfg.Ilias90
 
Werf mal einen Blick in den Seitenquelltext (Ansicht -> Seitenquelltext anzeigen).

Der für die Funktionalität dazugehörige CSS-Code steht im Dokumentheader (<head>...</head>), entweder in einem <style>-Bereich, oder als externe CSS-Datei mittels <link ... />, und die Demos finden sich grundsätzlich immer in einem <div id="info">...</div>.

Viel Erfolg! :)

mfg Maik
 
  • CSS:
HTML: 
<style type="text/css">
#objectFrame {width:575px; height:600px; text-align:center; vertical-align:middle;}
#gallery {width:575px; margin:0 auto;}
#container {padding:0; margin:0; list-style:none; height:200px; background:#f2f2f2;}
#container li {float:left;}
#container li a {float:left; width:75px; height:75px; padding: 5px 15px; margin:5px; display:inline;}
#container li a img {border:0; display:block;}
#container li a:hover {background:#fff;}
#container li a:focus {outline:1px solid #bbb;}
</style>
  • HTML:
HTML: 
<!-- <div id="info"> -->

<div id="gallery">
<!--[if !IE]><!-->
<object data="object/pages/image1.html" name="objectFrame" id="objectFrame" type="text/html"></object>
<!--<![endif]-->
<!--[if lte IE 8]>
<iframe src="object/pages/image1.html" name="objectFrame" id="objectFrame" type="text/html" frameborder=0></iframe>
<![endif]-->
<ul id="container">
<li><a href="object/pages/image1.html" target="objectFrame"><img src="object/thumbs/P1010426T.jpg" alt="" /></a></li>
<li><a href="object/pages/image2.html" target="objectFrame"><img src="object/thumbs/P1010397T.jpg" alt="" /></a></li>
<li><a href="object/pages/image3.html" target="objectFrame"><img src="object/thumbs/P1010349T.jpg" alt="" /></a></li>
<li><a href="object/pages/image4.html" target="objectFrame"><img src="object/thumbs/P1010286T.jpg" alt="" /></a></li>

<li><a href="object/pages/image5.html" target="objectFrame"><img src="object/thumbs/P1000906T.jpg" alt="" /></a></li>
<li><a href="object/pages/image6.html" target="objectFrame"><img src="object/thumbs/P1010373T.jpg" alt="" /></a></li>
<li><a href="object/pages/image7.html" target="objectFrame"><img src="object/thumbs/P1000893T.jpg" alt="" /></a></li>
<li><a href="object/pages/image8.html" target="objectFrame"><img src="object/thumbs/P1010323T.jpg" alt="" /></a></li>
<li><a href="object/pages/image9.html" target="objectFrame"><img src="object/thumbs/P1000829T.jpg" alt="" /></a></li>
<li><a href="object/pages/image10.html" target="objectFrame"><img src="object/thumbs/P1000763T.jpg" alt="" /></a></li>
</ul>
</div>

<!-- </div> -->

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück