besonderes Bilderbuch

[FranzDieter]

Hallo und guten Tag,

ich suche ein Bilderbuch zum blättern.....jedoch sollte das Fenster
sich automatisch an die Bildgröße (Hoch-/Querformat) anpassen und es
sollte bei jedem Bild das eingeblendet wird, automatisch ein alter-
nativer Text zu/in diesem Bild angezeigt werden.

Wer kann mir helfen?
Im voraus vielen Dank.

Viele Grüße
FranzDieter

[Ingo Turski]

Hi,

ich suche ein Bilderbuch zum blättern.....jedoch sollte das Fenster
sich automatisch an die Bildgröße (Hoch-/Querformat) anpassen

unter einem Bilderbuch verstehe ich keine Popups, sondern die Darstellung im (normalen) Fenster mit einer bequemen Funktion zum Blättern. Warum willst Du extra Fenster hierzu öffnen, die dann umständlich geschlossen werden müssen?

freundliche Grüße
Ingo

[FranzDieter]

Hi Ingo,
vielen Dank für Deine Antwort.
Zum besseren Verständnis von einem absoluten Laien....
habe von einem Bekannten (leider nicht mehr vefügbar) ein Script
für ein Bilderbuch erhalten. Dieses funktioniert auch einwandfrei.
Die entsprechenden Passagen nachfolgend.
<script language="javascript">
  <!--
  //variablen und array festlegen
  var zaehler = 1;
  img = new Array();
  img[0] = "images/heide1.jpg";
  img[1] = "images/heide2.jpg";
  img[2] = "images/1c.jpg";
  img[3] = "images/heide4.jpg";
  img[4] = "images/heide5.jpg";
  img[5] = "images/heide6.jpg";
  img[6] = "images/heide7.jpg";
  img[7] = "images/heide8.jpg";
  img[8] = "images/heide9.jpg";
  img[9] = "images/heide10.jpg";
  img[10] = "images/heide11.jpg";
  img[11] = "images/heide12.jpg";
  img[12] = "images/heide13.jpg";
  img[13] = "images/heide14.jpg";
  img[14] = "images/heide15.jpg";
  img[15] = "images/heide16.jpg";
  img[16] = "images/heide17.jpg";
  img[17] = "images/heide18.jpg";
  img[18] = "images/heide19.jpg";
  img[19] = "images/heide20.jpg";
  img[20] = "images/heide21.jpg";
  img[21] = "images/heide22.jpg";
  img[22] = "images/heide23.jpg";
  img[23] = "images/heide24.jpg";
  img[24] = "images/heide25.jpg";
  img[25] = "images/heide26.jpg";
  img[26] = "images/heide27.jpg";
  img[27] = "images/heide28.jpg";
  img[28] = "images/heide29.jpg";
  img[29] = "images/heide30.jpg";
  img[30] = "images/heide31.jpg";
  img[31] = "images/heide32.jpg";
  img[32] = "images/heide33.jpg";
  img[33] = "images/heide34.jpg";
  img[34] = "images/heide35.jpg";
  img[35] = "images/heide36.jpg";
  img[36] = "images/heide37.jpg";
  img[37] = "images/heide38.jpg";
  img[38] = "images/heide39.jpg";
  img[39] = "images/heide40.jpg";
  img[40] = "images/heide41.jpg";
  img[41] = "images/heide42.jpg";
  img[42] = "images/heide43.jpg";
  img[43] = "images/heide44.jpg";
  img[44] = "images/heide45.jpg";
  img[45] = "images/heide46.jpg";
  img[46] = "images/heide47.jpg";
  img[47] = "images/heide48.jpg";
  img[48] = "images/heide49.jpg";
  img[49] = "images/heide50.jpg";
  img[50] = "images/heide51.jpg";
  img[51] = "images/heide52.jpg";
  img[52] = "images/heide53.jpg";
  img[53] = "images/heide54.jpg";
  img[54] = "images/heide55.jpg";
  img[55] = "images/heide56.jpg";
  img[56] = "images/heide57.jpg";
  img[57] = "images/heide58.jpg";
  img[58] = "images/heide59.jpg";
  img[59] = "images/heide60.jpg";
  img[60] = "images/heide61.jpg";
  img[61] = "images/heide62.jpg";
  img[62] = "images/heide63.jpg";
  img[63] = "images/heide64.jpg";
  img[64] = "images/heide65.jpg";
  img[65] = "images/heide66.jpg";
  img[66] = "images/heide67.jpg";
  img[67] = "images/heide68.jpg";
  img[68] = "images/heide69.jpg";
  img[69] = "images/heide70.jpg";
  img[70] = "images/heide71.jpg";
  img[71] = "images/heide72.jpg";
  img[72] = "images/heide73.jpg";
  img[73] = "images/heide74.jpg";
  img[74] = "images/heide75.jpg";
  img[75] = "images/heide76.jpg";
  img[76] = "images/heide77.jpg";
  img[77] = "images/heide78.jpg";
  img[78] = "images/heide79.jpg";
  img[79] = "images/heide80.jpg";
  img[80] = "images/heide81.jpg";
  img[81] = "images/heide82.jpg";
  img[82] = "images/heide83.jpg";
  img[83] = "images/heide84.jpg";
  img[84] = "images/heide85.jpg";

function zurueck()
  {
  if (zaehler !=0)
  {
  document.image1.src = img[zaehler-1];
  zaehler = zaehler - 1;
  }
  }
  //Funktion "Ein Bild vor"
  function vor()
  {
  if (zaehler != 84)
  {
  document.image1.src = img[zaehler+1];
  zaehler = zaehler + 1;
  }
  }
  //-->
</script>
</head>

<table align=center valign=middle width=470 cellspacing=0 cellpadding=0 nowrap>
<tr>
  <td align=center valign=middle>
    <p align=center><img src="images/heide1.jpg" name="image1" height=240 width=320 hspace=0
    border=2></p></td>

</tr>
</table>
<table align=center width=470>
<tr>
  <td>
    <table align=center>
    <tr>
      <td>
        <p><a ONCLICK="zurueck();return false;"><img src="images/arrowszur.gif" height=29 width=30></a></p></td>
      <td>
        <p><a ONCLICK="vor();return false;"><img src="images/arrowsvor.gif" height=29 width=30></a></p></td>
    </tr>
    </table>

Die jetzigen Bilder werden immer in der Größe 320x240 angezeigt.
Auch wenn ich Bilder z.B. im Hochformat verwenden möchte.

Ich möchte dieses Script nun so verändern, daß die Bilder immer im ursprünglichen Format, also automatisch Hoch-/Querformat, angezeigt werden.

Desweiteren sollte zu jedem Bild automatisch beim aufrufen, ein alternativer Text im oder unter dem Bild angezeigt werden.

Ist das mit diesem (geänderten) Script möglich oder gibt es hierfür eine andere Möglichkeit?
Wenn nein.....gibt es evtl. auch fertige Script's käuflich
zu erwerben?

Ich hoffe Du kannst mir weiterhelfen.
Im voraus besten Dank.

Freundliche Grüße
FranzDieter

Hi,

ich suche ein Bilderbuch zum blättern.....jedoch sollte das Fenster
sich automatisch an die Bildgröße (Hoch-/Querformat) anpassen
unter einem Bilderbuch verstehe ich keine Popups, sondern die Darstellung im (normalen) Fenster mit einer bequemen Funktion zum Blättern. Warum willst Du extra Fenster hierzu öffnen, die dann umständlich geschlossen werden müssen?

freundliche Grüße
Ingo

[Ingo Turski]

Hi,

<p align=center><img src="images/heide1.jpg" name="image1" height=240 width=320 hspace=0
    border=2></p></td>

Hier wird die Bildgröße festgelegt. Entweder Du änderst diese Angaben bei jedem Bild oder Du läßt sie einfach weg.

<p><a ONCLICK="zurueck();return false;"><img src="images/arrowszur.gif" height=29 width=30></a></p></td>

nicht sehr benutzerfreundlich. Wer kein Javascript aktiviert hat, sieht einen Link, der jedoch funktionslos ist.

Schau Dir mal http://www.1ngo.de/web/diashow.html an...

Desweiteren sollte zu jedem Bild automatisch beim aufrufen, ein alternativer Text im oder unter dem Bild angezeigt werden.

Hierzu bräuchtest Du nur ein weiteres Array mit den Texten und müßtest diese ann in Dokument schreiben.

Hi,

Eine Bitte: wenn Du zitierst, dann nur die Stellen, auf die Du Bezug nimmst und die dann vor Deinem Text.

freundliche Grüße
Ingo

[FranzDieter]

Hi,

vielen Dank für Deine Antwort.

Weiß jetzt wenigstens wie das mit der Bildgröße funktioniert.

Für mich als alter (Rentner)-Laie ist dies halt alles sehr
verwirrend.

Möchte Euch (Dich) aber im Forum nicht weiter mit meinem
Problem nerven und habe dies ad acta gelegt.
Trotzdem vielen Dank für die Hilfe.

Mit freundlichen Grüßen
Dieter Dubau

Hi,

<p align=center><img src="images/heide1.jpg" name="image1" height=240 width=320 hspace=0
    border=2></p></td>
Hier wird die Bildgröße festgelegt. Entweder Du änderst diese Angaben bei jedem Bild oder Du läßt sie einfach weg.

<p><a ONCLICK="zurueck();return false;"><img src="images/arrowszur.gif" height=29 width=30></a></p></td>
nicht sehr benutzerfreundlich. Wer kein Javascript aktiviert hat, sieht einen Link, der jedoch funktionslos ist.

Schau Dir mal http://www.1ngo.de/web/diashow.html an...

Desweiteren sollte zu jedem Bild automatisch beim aufrufen, ein alternativer Text im oder unter dem Bild angezeigt werden.
Hierzu bräuchtest Du nur ein weiteres Array mit den Texten und müßtest diese ann in Dokument schreiben.

Hi,

Eine Bitte: wenn Du zitierst, dann nur die Stellen, auf die Du Bezug nimmst und die dann vor Deinem Text.

freundliche Grüße
Ingo