Ergebnis 1 bis 10 von 10

Thema: Bildergalerie mit imgshow: PDF Datei verlinken?

  1. #1
    HTML Newbie
    Registriert seit
    18.09.2007
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bildergalerie mit imgshow: PDF Datei verlinken?

    Ich habe eine Galerie angelegt mit einem scrollbaren Thumbbereich auf der linken Seite und rechts daneben öffnen sich bei klick auf die jeweiligen Bilder die vergrößerten Bilder.

    Hier mal ein Auszug aus meinem Code:

    <td width="100" height="400">
    <div id="menu" class="menu">
    <div align="center">
    [img]Bilder/kontrakommerz/Fauna/icons/iconpic1.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic2.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic3.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic4.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic5.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic6.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic7.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic8.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic9.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic10.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic11.jpg[/img]

    </div>
    </div>
    </td>
    <td width="500" height="400" align="center" valign="middle">
    <div align="center" id="showdiv" class="showdiv">
    <div align="center">
    [img]Bilder/kontrakommerz/Fauna/pic1.jpg[/img]</div>
    </div>
    </td>

    wie kann ich jetzt dafür sorgen, das auf jedem vergrößerten Bild der jeweilige Link zur dazugehörigen PDF-Datei liegt?

    Sprich: ein User klickt auf ein Vorschaubild(z.B. iconpic5), dann öffnet sich ja das vergrößerte Bild rechts daneben (pic5) nun soll auf dem jeweiligen Bild (in dem Fall pic5) ein Link liegen zur PDF-Datei target blank(in dem Falle fa005.pdf). Wie kann ich das am besten realisieren, steh grad total auf dem Schlauch.

    Über ernstgemeinte Vorschläge würde ich mich sehr freuen.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    so garnet. wenn dann musst des bild mit link auf ne html-datei packen
    und die html-datei anstatt des bildes aufrufen.
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    18.09.2007
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ok also lege ich jetzt quasi pic1.html, pic2.html usw. an mit jeweiligem PDF-Link auf dem Bild und wie verlinke ich jetzt diese Seiten mit dem jeweiligen Vorschaubild, damit sich das jeweilige bild dann öffnet, das geht ja net mit imgshow.

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
     [img]Bilder/kontrakommerz/Fauna/icons/iconpic11.jpg[/img]
    ich bin nicht sicher wie dein imgshow aufgebaut is.
    is des a normales window.open ? dann kannst da drin die html file öffnen
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    18.09.2007
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hier mal der komplette Code der Galerieseite:

    <html>

    <head>
    <title>faunagalerie</title>
    <script type="text/javascript">
    function imgshow(bild){
    var target = document.getElementById("show");
    target.src = bild;
    }


    </script>

    <style type="text/css"><!--
    .menu{
    width:100px;
    height:400px;
    overflow:auto;
    }

    .showdiv{
    height:400px;
    width: 500px;
    vertical-align: middle;
    }

    .show{
    max-height: 400px;
    max-width: 595px;
    min-height: 400px;
    min-width: 268px;
    position: relative;
    vertical-align: middle;
    size: auto;
    border: 1px;
    border-color: #ffffff;
    }

    .thumb{
    border: 1px;
    border-color: #ffffff;
    cursor: pointer;
    }
    #showdiv { background-color: #000066; height: 400px; width: 500px; vertical-align: middle; }
    #menu { height: 400px; width: 100px; overflow: auto;}
    --></style>
    </head>
    <body bgcolor="#000066" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
    <table border="0" cellpadding="0" cellspacing="0" width="600" height="500" align="left">
    <tr>
    <td colspan="2">
    <div align="left">
    <font size="2" color="white" face="Verdana, Arial, Helvetica, sans-serif">Fauna </font></div>
    </td>
    </tr>
    <tr>
    <td width="100" height="400">
    <div id="menu" class="menu">
    <div align="center">
    [img]Bilder/kontrakommerz/Fauna/icons/iconpic1.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic2.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic3.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic4.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic5.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic6.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic7.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic8.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic9.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic10.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic11.jpg[/img]

    </div>
    </div>
    </td>
    <td width="500" height="400" align="center" valign="middle">
    <div align="center" id="showdiv" class="showdiv">
    <div align="center">
    [img]Bilder/kontrakommerz/Fauna/pic1.jpg[/img]</div>
    </div>
    </td>
    </tr>
    </table>
    </body>
    </html>

    diese Seite füge ich dann über include in meine jeweilige Themenseite ein.

    Auf der Themenseite befindet sich oben der Header, darunter ein Headmenue und darunter dann linke Spalte leftmenue, mittlere Spalte jeweilige Galerie, rechte Spalte rightmenue. alles includes.

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    aso, ok. dann war des a kleines mißverständnis meinerseits.
    dachte du machst n popup auf und zeigst dort das bild....

    hm... da bin ich jetzt nicht der fachmann in javascript. aber ich würds mal
    so versuchen:

    - gib dem <a href noch ne class (z.b. show_pdf)
    - übergabeparameter erweitern

    Code:
     function imgshow&#40;bild, pdf&#41;&#123;
    und im html
    Code:
     [img]Bilder/kontrakommerz/Fauna/icons/iconpic11.jpg[/img]
    unter
    Code:
     var target = document.getElementById&#40;"show"&#41;;
    target.src = bild;
    kannst dann evlt definieren
    Code:
     var target_pdf = document.getElementById&#40;"show_pdf"&#41;;
    target_pfd.href = pdf;
    aber keine garantie...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    18.09.2007
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wird aber dann nicht die PDF-Datei auch gleich geöffnet???

  8. #8
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    normal nicht, weil du sie ja nur als ziel-url setzt.
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    18.09.2007
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Könntest du liebenswürdiger weise mal deine Idee in den Code einbetten, weil irgendwie haut das bei mir nicht hin.

    Hier nochmal der code:

    <html>

    <head>
    <title>faunagalerie</title>
    <script type="text/javascript">
    function imgshow(bild){
    var target = document.getElementById("show");
    target.src = bild;
    }


    </script>

    <style type="text/css"><!--
    .menu{
    width:100px;
    height:400px;
    overflow:auto;
    }

    .showdiv{
    height:400px;
    width: 500px;
    vertical-align: middle;
    }

    .show{
    max-height: 400px;
    max-width: 595px;
    min-height: 400px;
    min-width: 268px;
    position: relative;
    vertical-align: middle;
    size: auto;
    border: 1px;
    border-color: #ffffff;
    }

    .thumb{
    border: 1px;
    border-color: #ffffff;
    cursor: pointer;
    }
    #showdiv { background-color: #000066; height: 400px; width: 500px; vertical-align: middle; }
    #menu { height: 400px; width: 100px; overflow: auto;}
    --></style>
    </head>
    <body bgcolor="#000066" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
    <table border="0" cellpadding="0" cellspacing="0" width="600" height="500" align="left">
    <tr>
    <td colspan="2">
    <div align="left">
    <font size="2" color="white" face="Verdana, Arial, Helvetica, sans-serif">Fauna </font></div>
    </td>
    </tr>
    <tr>
    <td width="100" height="400">
    <div id="menu" class="menu">
    <div align="center">
    [img]Bilder/kontrakommerz/Fauna/icons/iconpic1.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic2.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic3.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic4.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic5.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic6.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic7.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic8.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic9.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic10.jpg[/img]



    [img]Bilder/kontrakommerz/Fauna/icons/iconpic11.jpg[/img]

    </div>
    </div>
    </td>
    <td width="500" height="400" align="center" valign="middle">
    <div align="center" id="showdiv" class="showdiv">
    <div align="center">
    [img]Bilder/kontrakommerz/Fauna/pic1.jpg[/img]</div>
    </div>
    </td>
    </tr>
    </table>
    </body>
    </html>

  10. #10
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    warum wills heutzutage jeder vorgekaut haben ?
    die anleitung is doch ganz einfach, hab sogar die codestücke
    geschrieben wos reinkommt. bisserl arbeit kannste a no machen.
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Ähnliche Themen

  1. Mit Button aus swf1-Datei, swf2-Datei abspielen
    Von Clueless im Forum Flash Forum
    Antworten: 6
    Letzter Beitrag: 29.02.2008, 09:19
  2. Wie kann ich eine Excel Datei in meiner MySql Datei einlesen
    Von Buef im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 11
    Letzter Beitrag: 08.08.2007, 16:36
  3. Textinhalt einer html.datei aus einem andere datei aufrufen.
    Von redindian im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 09.04.2007, 10:21
  4. zip datei verlinken
    Von donnerwetter79 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 20.03.2007, 09:19
  5. Zu einer Datei "on stream" verlinken
    Von Hilfe! im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 14.10.2005, 16:46

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •