Zoomify in CSS einbinden

DaKKK · 18.06.2010

Hi,

ich bin noch relativ neu auf diesem Gebiet und hoffe, dass ihr mir helfen könnt

Und zwar habe ich mit CSS eine Website erstellt. Auf eine Seite davon möchte ich ein Bild mittels Zoomify einfügen. Größe 250x250px.

Nachdem ich in Photoshop auf Zoomify exportieren gegangen bin und dort die Größe angegeben habe, habe ich nun folgendes:

1 x html-datei
1 x Ordner mit Unterordner "TileGroup0", der Bilderschnipsel enthält, eine swf-datei "zoomifyviewer" und eine xml-datei "Image Properties".

In der HTML-Datei steht folgender Code:

Code:

<HTML>
<BODY BGCOLOR=#000000>
<DIV ALIGN="CENTER">

<TABLE BGCOLOR=#999999 CELLPADDING=1 CELLSPACING=0 BORDER=0  WIDTH="250" ALIGN="CENTER">
  <TR>
    <TD>
      <TABLE BGCOLOR=#000000 CELLPADDING=0 CELLSPACING=0 BORDER=0  WIDTH=100%>
        <TR>
          <TD>
                <OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"  WIDTH="250" HEIGHT="251" ID="theMovie">
                        <PARAM NAME="FlashVars"  VALUE="zoomifyImagePath=bild_img&zoomifyNavigatorVisible=false">
                        <PARAM NAME="BGCOLOR" VALUE="#000000">
                        <PARAM NAME="MENU" VALUE="FALSE">
                <PARAM NAME="SRC"  VALUE="bild_img/zoomifyViewer.swf">
                           <EMBED  FlashVars="zoomifyImagePath=bild_img&zoomifyNavigatorVisible=false"  SRC="bild_img/zoomifyViewer.swf" BGCOLOR="#000000" MENU="false"  PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"   WIDTH="250" HEIGHT="251" NAME="theMovie"></EMBED>
                      </OBJECT></TD>
        </TR>
      </TABLE>
    </TD>
  </TR>
</TABLE>

<TABLE BGCOLOR=#000000 CELLPADDING=1 CELLSPACING=0 BORDER=0  WIDTH="250" ALIGN="CENTER">
  <TR>
    <TD align="Right">
      <Font size="1" face="arial" color="#999999">Powered by <a  href="http://www.zoomify.com/" target="_blank"><Font  color="#999999">Zoomify</Font></a></Font>
    </TD>
</TABLE>

</DIV>
</BODY>
</HTML>

Meine Ordnerstruktur ist wie folg aufgebaut :

index.htm
html-ordner : seite1, seite2, seite3,etc
images: zoomify/oben beschriebene Datein

Ich möchte das Zoomifybild bspw. auf Seite 2 einfügen.

Dazu habe ich erstmal aus der "zoomify-html-datei" den Code in der Div-Box kopiert und in meine Div-Box auf Seite2 eingefügt. Kann mir jetzt jemand sagen, wie ich die pfade anpassen muss, damit da auch was angezeigt wird? Oder mache ich grundlegen was falsch? Ich hab schon viel rumprobiert, aber ich bekomm es nicht hin.

Wäre echt super, wenn mir da jemand helfen könnte!

mfg

AlexanderBo · 18.06.2010

AW: Zoomify in CSS einbinden

grundlegendes ist falsch:
1. doctype¿
2. formatierung mit table¿

und bitte codewerkzeuge hier nutzen ;-)

DaKKK · 18.06.2010

AW: Zoomify in CSS einbinden

danke für deine Antwort und entschuldige, dass ich das codewerkzeug nicht benutzt habe. Hatte ich übersehen.

Aber wie gesagt, ich bin relativ neu auf dem Gebiet. Könntest du mir sagen, was du mit deiner Antwort meinst?
1.Was ist dieses doctype¿, wo finde ich das und was muss ich ändern, damit das stimmt.
2.Die Formatierung mit tabellen kam automatisch. Oder verstehe ich das falsch?..sry wegen der vielen Fragen, aber ich bin noch am lernen :rolleyes:

mfg

AlexanderBo · 18.06.2010

AW: Zoomify in CSS einbinden

dan editiere deinen beitrag oben nochmal ;

doctype als erstes in die html->

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

mache dich mit html css mehr vertraut da tabellenlayout schon seit x-jahren nicht mehr gemacht wird.

/*edit: was meinst du mit seite 2¿ wenn du aus copyrightgründen wegen zoomify die zweite tabelle nicht brauchst kannst du sie auch köschen*/