Fehler in der <a href...

[kami]

Hallo Forum,

seit Tagen schlage ich mit einem Problem herum. Habe eine Bildergalerie erstellt mit einer Navi. Mein Gedanke war, sobald ich in der Navi ein Bild anklicke, dann sollte das grosse Bild mit Beschriftung erscheinen. Es funktioniert soweit, aber in der Navi ist ein a href mit wiederholtem Aufruf der ganzen Page. Dadurch muss ich jedesmal die Navi neu auf das Bild positionieren. Und das bei 50–70 Bilder ist sehr lästig. Weiß jemand der Mitglieder wie man so etwas regeln kann? Oder ist es möglich, nach Aufruf der Page wieder in der gleichen Position der Navi anzukommen? Die beigefügte txt-Dat. braucht man nur wieder in PHP umzunennen.

[webcreate]

Zitat von kami

Dadurch muss ich jedesmal die Navi neu auf das Bild positionieren. Und das bei 50–70 Bilder ist sehr lästig.

Das verstehe ich nun nicht so ganz ...
Ich denke aber ein Anker sollte das sein, was Du suchst ... oder!?

[kami]

... ja Webcreate, das könnte sein.

Hast Du den Code Dir angeschaut. Sind schon viele Versuche drin.
Wenn das die Page mit dem großem Bild aufgebaut, daß die Navi auch das Bild an der seite steht, damit man nachfolgende Bilder weiter aussuchen kann.

[webcreate]

Ich habe mir den Code angeschaut, kann mir dabei nur nicht vorstellen, wie es aussehen soll und auch nicht wie die Elemente postioniert sein sollen.
Was soll denn nun genau passieren, wenn man ein Bild (thumb) anklickt?
Klar, die Page wird geladen und das Bild wird in groß gezeigt, nur soll nun automatisch runter zum Bild gefahren werden?
Dann ist ein Anker das richtige, einfach den Anker auf die id content legen.

Wenn ich das nun falsch verstehe, wäre eine online-Version nicht schlecht, damit man das mal sehen kann.

[kami]

Hallo Mark,

hier die Page:john

Vielleicht findest Du als Fachmann eine Lösung.

[Moritz]

Hallo!

Ich nehme an du generierst die Seite?
dann mach vor jedes Thumbnail, was Du ausgibst ein

<a name="18"></a>*

Dann erweiterst Du den Link, mit dem das grosse Bild angezeigt wird einfach um

<a href=imagesVerz.php?bild=18#18*>

Damit sollte der rechte "frame" immer dahin springen, wo Du gerade geklickt hast

* Die 18 steht hier natürlich nur exemplarisch für die BildID.

[kami]

Hallo Mark,

dann kann ich doch genauso die Angabe in $x beim Generieren machen?

PHP-Code:

<a name="$x"></a>*
<a href=imagesVerz.php?bild=$x#$x*> 


Warum ist das Sternchen dahinter?

[Cybergreek]

Zitat von kami

Warum ist das Sternchen dahinter?

Weil er eine Anmerkungen dazu geschrieben hat

[kami]

... Hallo Cybergreek,

doch nicht gleich "Scheeler Kop" sagen.
Vor lauter Befehlen sehe ich doch keinen Hinweis mehr

[Cybergreek]

Zitat von kami

doch nicht gleich "Scheeler Kop" sagen.

Dat mit dem Kop han ich nie jesaat. Schließlich ist ja jeder Jeck anders

[kami]

... ich glaube doch daß Du mich verstanden hattest. Bist ja ein Kölner und ich bin ein zugereister Düsseldorfer. LOL

[Cybergreek]

Zitat von kami

... ich glaube doch daß Du mich verstanden hattest. Bist ja ein Kölner und ich bin ein zugereister Düsseldorfer. LOL

Sorry, das wusste ich nicht... Mach Dir nichts draus, Du bist schon auf dem richtigen Weg...

[kami]

....

möchte allen danken die mir auf "die Sprünge" geholfen haben. Ich weiß nicht, wie lange ich noch hätte suchen müssen. vom Mark habe ich mir die Procedur filename_parts eingebaut. Bin noch zugange. Wenn Ihr neugierig seid, könnt ihr Euch das ja immer mal zwischendurch ansehen.

[webcreate]

So, ich hatte mal 5 Minuten ...
Das mit dem Anker sollte ja nun fast klar sein.
Dann kommen wir mal zum Rest ...
- Versuche PHP und HTML besser zu trennen, so blickt da kaum einer durch.
- Wenn schon XHTML, dann auch auf die Page auch Valide ist.
- Schau Dir mal den von Deinem PHP generierten Code an ... das kann man besser machen.
- Dein Code mach eine DIV Suppe, nutze für die Navi eine Liste

So hier mal meine Version:

PHP-Code:

<?php
$th_dir = "news_letter/2007/thumbnails/";
$img_dir = "news_letter/2007/images/";

if(!empty($_GET['bild'])){
    if(is_numeric($_GET['bild'])) $bildnummer = $_GET['bild'];
}

function filename_parts($name, $count = NULL, $spacesign = NULL){
    $parts      =   explode('.', strrev($name));
    $extension  =   strrev($parts[0]);
    for($i = count($parts)-1; $i >=1 ; $i--){
        $surname .= strrev($parts[$i]);
        if($i > 1)$surname .= ".";
    }
    $count == NULL ? $surname = $surname : $surname = substr($surname, 0, $count);
    $spacesign == NULL ? $surname = $surname : $surname = str_replace($spacesign, " ", $surname);
    return array('extension' => $extension,
                 'name' => $surname);
}  

function listPicture($dir, $type){
    $x = 1;
    foreach (glob($dir."*.".$type) as $filename) {
        $picture[$x]['file'] = htmlentities(substr($filename, strrpos($filename, "/")+1));
        $x++;
    }
    return $picture;
}

function createNavi(){
    global $pic, $th_dir, $img_dir;
    for($x = 1;$x <= count($pic);$x++) {
        $file = $pic[$x]['file'];
        $anzeige = filename_parts($file, 4);
        $anzeige = $anzeige['name'].".".$anzeige['extension'];
        $navi .= "<li class='thumb' id=\"pic$x\">\n";
        $navi .= "  <a href=\"$_SERVER[PHP_SELF]?bild=$x#pic$x\"><img src=\"$th_dir$file\" alt=\"$anzeige\" /><br />\n";
        $navi .= "  $anzeige </a>\n";
        $navi .= "</li>\n"; 
    }
    return $navi;
}

function createContent(){
    global $pic, $bildnummer, $th_dir, $img_dir;
    if(!empty($bildnummer)){
        $file = $pic[$bildnummer]['file'];
        $name = filename_parts($file, '', "_");
        $name = substr($name['name'], 4);
        return $content = "<img src=\"$img_dir$file\" alt=\"$file\"/>\n<br /><p>$name</p>\n";
    }
    else return $content = "<p>W&auml;hlen Sie ein Bild aus</p>\n";
}

$pic = listPicture($th_dir , "jpg");
$navi = createNavi();
$content = createContent();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Family Reunion 2007</title>
    <link href="css-stile/Bildergalerie.css" rel="stylesheet" type="text/css" media="screen" />
  </head>
  <body>
    <div id="navi">
      <ul>
        <?php echo $navi; ?>
      </ul>
    </div>
    <div id="content">
      <?php echo $content; ?>
    </div>
  </body>
</html>

[kami]

... hallo Mark,

sieht ja super aus!!! Da kann man sagen: "... gelernt ist gelernt!!!"

Danke für Deine Mühe. Werde es ohne Hemmungen übernehmen. LOL