Inline Frame, aber wie verlinken
#1
Hallo Miteinander,

Puhh..., diese Hitze schränkt wirklich im Denkvermögen ein.

Bin wieder einmal am Basteln, komme aber nicht ganz so weiter wie ich mir das so dachte.

Auf meiner Seite habe ich nun eine Bildervorschau eingebaut, dank des schönen Scripts..., nun hatte ich es mir so vorgestellt:

Möchte nämlich nicht mein ganzes Template auseinanderpflücken!

In der Mitte ein Inline Frame, in dem die Fotos dann in vergrößerter Version angezeigt werden.

Ha nun der Knackpunkt, ich kann ja nur eine Seite für den Frame benennen..., hmm ... wie verlinke ich den nun jedes einzelne Bild?

Ich hoffe man versteht meine Ausführungen.

Also und die ganze Seite mit Frames neu aufzubauen, wollte ich eigentlich nicht, von daher die Idee des IFrames, wie gesagt die Verlinkungen machen mir zu schaffen.

Hier die Seite:

http://www.grafix-4you.de/seite/galerie_foto_tiere.html

Grüße Ina :krank:
Zitieren
#2
Hi,

vielleicht gefällt Dir ja das
http://www.huddletogether.com/projects/lightbox2/

oder die einfachere Vorversion:
http://www.huddletogether.com/projects/lightbox/

Cu Helmut
Zitieren
#3
Huhi... ist schon ne heiße Sache, aber eigentlich wollte ich Java aussen vor lassen, wird leider oft geblockt oder explizit ausgeschaltet.

Hmm..., ich grüble schon die ganze Zeit, eigentlich ist meine Vorstellung schon, dass das ausgewählte Bild sich in dem IFrame öffnet.

Problem ist, dass man nur eine Seite für den Frame wählen kann, ich brauche aber mehrere und weiß noch nicht so wirklich wie ich vorgehen soll.

Ansonsten bleibt mir wohl nur die Möglichkeit, dass Template nur für diese Seite umzustricken in Frames, wollte ich aber nicht wirklich.

Na mal ne Nacht darüber schlafen.

Gruß Ina :roll:
Zitieren
#4
Hallo Ina
Zitat:aber eigentlich wollte ich Java aussen vor lassen, wird leider oft geblockt oder explizit ausgeschaltet.
Das stimmt, allerdings kommt es auch etwas auf den Inhalt der Site und die Zielgruppe an. Bei einer Grafikseite wird Javascript meiner Meinung nach weniger gesperrt als bspw. bei Heise im Forum.
Dein Vorhaben solltest Du eventuell nochmal überdenken, und falls Javascript wirklich mal abgeschaltet ist, erklärt man dem Gast in einem netten kleinen Noscript-Bereich, was er doch alles verpasst. Smile

Zitat:<noscript>
Dein Hinweis
</noscript>

Mache ich übrigens auch bei gut 90% der Seiten mit JS. Ein Beispiel? Bitte mal mit und mal ohne Javascript ansehen: Klick!

Gruß Hulot
Zitieren
#5
grübel,

ich habe es mal so hochgeladen wie ich es mir vorstelle, hmmm.. nur das natürlich die Fotos in der Bildleiste links mit dem IFrame in der Mitte so verlinkt sein sollten, so dass sich jeweils das angewählte Bild öffnet.

http://www.grafix-4you.de/seite/galerie_foto_tiere.html

Hat jemand evt. eine Ahnung von dokumentübergreifenden Ankerpunkten???

Ist es damit evt. möglich, habe nun erst mal für jedes Bild einen benannten ankerpunkt gesetzt, morgen mehr... habe keinen Grips mehr zu überlegen.

Gruß Ina Mad
Zitieren
#6
Hi,
Zitat:ist schon ne heiße Sache, aber eigentlich wollte ich Java aussen vor lassen
Du setzt aber schon JS ein,
Code:
onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=2"
, da wäre eigentlich die Konsequenz von "kein JS benutzen" eh dahin.

Zitat:Hat jemand evt. eine Ahnung von dokumentübergreifenden Ankerpunkten???

Nun meiner Meinung nach würdest Du Dir mit ein klein wenig PHP die Aufgabe wesentlich erleichtern.

1. Eine normale Textdatei, z.B. bilderdaten.txt
Inhalt etwa:

Code:
1|tiere_klein|kaefer_blume-klein.jpg|kaefer_blume.JPG|Käfer Vorschau|150|113|300|300
2|tiere_klein|kleiner_wurm-klein.jpg|wurm-klein.JPG|Wurm Vorschau|150|113|200|250
...usw.

2. Das Script mit dem marquee und dem Iframe
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Bildvorschau</title>

</head>
<body>
<?php

// Datei lesen
$inhalte = file("bilderdaten.txt");

foreach ($inhalte as $value) {
$zeile = explode("|",$value);
chop($zeile);

$fotodaten .= "<p><a href=\"bild.php?bild=$zeile[0]\" target=\"bilder\"><img src=\"../fotos_digital/$zeile[1]/$zeile[2]\" alt=\"$zeile[4]\" width=\"$zeile[5]\" height=\"$zeile[6]\" /></a></p>\n";
}
?>
<div style="width: 200px; float: left;">
<marquee direction="down" scrollamount="2" onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=2" height="350" width="98%">
  <?php echo $fotodaten; ?>
  </marquee>
</div>

<iframe name="bilder" src="bild.php" frameborder="1" width="400" height="400"></iframe>


</body>
</html>


3. Das Script was die Bilder ausgibt
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Bild</title>

</head>
<body>

<?php
if(isset($_GET['bild'])) {
$bild = preg_replace ("/[^0-9]/", "",  $_GET['bild']);
}
// Startzahl wenn kein Bild angegeben
if(!isset($bild) || $bild == '') {
$bild = 1;
}

// Datei lesen
$inhalte = file("bilderdaten.txt");

foreach ($inhalte as $value) {
$zeile = explode("|",$value);
chop($zeile);
if ($zeile[0] == $bild) {
echo  "<p><img src=\"../fotos_digital/$zeile[1]/$zeile[3]\" alt=\"Das gro&szlig;e Bild: $zeile[3] \" width=\"$zeile[7]\" height=\"$zeile[8]\" /></p>\n";
break;
}
}
?>

</body>
</html>

Demo (ohne Bilder...)
http://www.inspire-net.de/bildvorschau.php

Wenn Du dann die Galerien ausbaust kannst Du das fast schon durch das erweitern der Textdatenbank erreichen. Du musst dann weit weniger in deiner Seite editieren.

Denkbar sind dann noch die Übermittlung zusätzlicher Steuervariablen um aus versch. Verzeichnissen Bilder zu lesen.

Cu Helmut
Zitieren
#7
Puhh...

na das muss ich nun erst mal vor meinem geistigen Auge zerschmelzen lassen.

Vielen Dank, bin ja zur Zeit dabei mir PHP autodidaktisch einzuverleiben, mühsam ernährt sich das Eichhörnchen.

Viele Grüße Ina ;-)

Heute nachmittag geht es ab ins Kino : "Fluch der Karibik 2", passt ganz, gut es regnet bei uns in Strippen.
Zitieren
#8
So es ist vollbracht, meine PHP Kenntnisse sind ja noch rudimentär, somit habe ich davon erst mal Abstand genommen, trotzdem danke für den Tip.

Habe ein wenig gelesen und rumgetüftelt und schwups nun geht es doch.

Hier zu sehen:

http://www.grafix-4you.de/seite/galerie_foto_tiere.html

Liebe Grüße
Ina :freude:
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Eigene Homepage, aber... Andreas69 33 5.689 31.12.2009, 13:45
Letzter Beitrag: Andreas69
  I-Frame?? rogerle 1 1.141 20.10.2009, 17:17
Letzter Beitrag: Helmut
  Verlinken auf die mainpage!! Muzaffer 1 1.261 14.03.2005, 23:04
Letzter Beitrag: Helmut
  Verlinken Rosie 9 2.498 25.12.2004, 01:50
Letzter Beitrag: Jürgen
  I-Frame the II. Bonzai 12 3.054 16.07.2004, 19:39
Letzter Beitrag: Bonzai
  I-Frame Nade 3 1.494 17.05.2004, 14:01
Letzter Beitrag: Hulot
  Im Frame gefangen ? angisun 2 1.651 04.05.2004, 14:42
Letzter Beitrag: ThorstenS
  HTML oder PHP aber wie (Neuling in PHP) Bonzai 8 2.948 05.03.2004, 12:16
Letzter Beitrag: Bonzai