Suchen
Inside Forum
Nützliche Links
phpforum.de Tipp
 
phpforum.de bei Facebook
 
phpforum.de bei Twitter
 

Zurück   PHP Forum: phpforum.de > andere (Programmier-)Sprachen > JavaScript

JavaScript Alles rund um JavaScript, Ajax und die diversen JS-Frameworks.

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 14.12.2007, 07:48
firefox251 firefox251 ist offline
Neuer Besucher
 
Registriert seit: 14.12.2007
Beiträge: 14
Standard Bilder verlinken

Hallo,
ich habe ein Problem. Und zwar:

Habe ich einen Bildslider der mir einen Ordner mit Bildern (Thumbs) ausliest und aus einem anderen Ordner die größeren gleichnamigen Dateien Verlinkt und in einem DIV (Bildposition) geöffnet wird.
Nun habe ich noch ein DIV mit einem Next und einen Backbutton diese möchte ich so verlinken das mir ein Skript ausliest welches der Bilder denn gerade im DIV "Bildposition" durch den Slider geöffnet ist und mit mit dem Next bzw. Backbutton das nächste bzw. zuvor folgende Bild im Ordner verlinkt.
Nun brauche ich mal einen Tipp wie ich das am besten realisieren kann.

HIer mal der Code:
PHP Quellcode:
<?php
$allfiles = glob("content/bilder/*/bilder/*.jpg");
// calculate sizes
$thumbsizes = array();
$thumbwidthsum = 2;
foreach ($allfiles as $filename) {
  $directory = dirname($filename);
  $basename = basename($filename);
  $thumbfile = $directory . DIRECTORY_SEPARATOR . "thumb" .
    DIRECTORY_SEPARATOR . $basename;
  if ($thumbsize = getimagesize($thumbfile)) {
    $thumbsizes[$thumbfile] = $thumbsize;
    $thumbwidthsum = $thumbwidthsum + $thumbsize[0] + 2;
  }
}
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>B&amp;V Verlag</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<style type="text/css" media="css/main.css"></style>
<link rel="stylesheet" href="css/format.css" type="text/css" />
 <link rel="stylesheet" href="css/jquery.lightbox-0.4.css" type="text/css" />
 <script src="scripts/jquery.js" type="text/javascript" ></script>
 <script src="scripts/jquery.lightbox.js" type="text/javascript" ></script>
 <script src="scripts/ourhandlers.js" type="text/javascript" ></script>
 <style type="text/css">
 <?php
   printf("#scrollable { width:%dpx; }", $thumbwidthsum);
 ?>
 </style>
</head>
<body onload="initScrollLayer()">
<!--- container -->
<div id="container">
    <div id="left"></div>
                <div id="right"></div>
                <div id="content">
                <div id="menu"></div>
                            <div id="content_container">
                   <div id="slider">
                                        <div id="arrleft"><img src="/images/aro-lft.png" alt="nach links" width="10" height="65" /></div>
          <div id="imgscroller">
          <div id="scrollable">
          <?php
foreach ($thumbsizes as $thumbfile => $thumbsize) {
printf("<div class=\"thumbnail\"><img src=\"%s\" alt=\"\" %s /></div>",
                        $thumbfile, $thumbsize[3]);}
                    ?>
</div>
</div>
<div id="arrright">
<img src="/images/aro-rt.png" alt="nach rechts" width="10" height="65" /></div>
</div>
            </div>
            <div id="content_sub">
            <div id="ecke_o_l"><img src="grafiken/ecke_o_l.png" alt="o_l" /></div>
                                                    <div id="ecke_o_r"></div>
                                                    <div id="ecke_u_l"></div>
                                                    <div id="ecke_u_r"></div>
                                             <div id="content_main">
  <div class="bildposition">
  <?php
                        printf("<a href=\"%s\" class=\"lightbox\" ><img src=\"%s\" alt=\"\" /></a>",
                          dirname($allfiles[0]) . DIRECTORY_SEPARATOR . "full" .
                            DIRECTORY_SEPARATOR . basename($allfiles[0]),
                          $allfiles[0]);
                        ?>
                                                </div>
                                             </div>
                                                    <div id="content_nav">
                                                    <img src="grafiken/back.jpg" alt="back" class="back" width="10" height="10"><img src="grafiken/next.jpg" alt="next" class="next" width="10" height="10">
                                                    </div>
          </div>
          <div id="sub_menu"></div>
          </div>
        </div>
</div>
<!--- /container -->
</body>
</html>

Geändert von firefox251 (14.12.2007 um 07:54 Uhr) Grund: Ergänzung
Mit Zitat antworten
  #2  
Alt 14.12.2007, 07:52
Bernd456 Bernd456 ist offline
Vorbildlicher Helfer
 
Registriert seit: 17.01.2006
Beiträge: 16.564
Bernd456 eine Nachricht über Skype™ schicken
Standard AW: Bilder verlinken

Zitat:
Nun habe ich noch ein DIV mit einem Next und einen Backbutton diese möchte ich so verlinken das mir ein Skript ausliest welches der Bilder denn gerade im DIV "Bildposition" durch den Slider geöffnet ist und mit mit dem Next bzw. Backbutton das nächste bzw. zuvor folgende Bild im Ordner verlinkt.
Ich hab Verständnis für Leute die gerade erst Sprechen gelernt haben und
hab mir auch sehr viel Mühe gegeben das Gestammel zu verstehn.
Aber ich kapiers einfach nicht - sorry.
Vielleicht können Deine Eltern Dein Problem verständlicher formulieren ?
__________________
Der Kopf ist rund, damit das Denken die Richtung wechseln kann.
Mit Zitat antworten
  #3  
Alt 14.12.2007, 08:35
firefox251 firefox251 ist offline
Neuer Besucher
 
Registriert seit: 14.12.2007
Beiträge: 14
Standard AW: Bilder verlinken

Zitat:
Zitat von Bernd456 Beitrag anzeigen
Ich hab Verständnis für Leute die gerade erst Sprechen gelernt haben und
hab mir auch sehr viel Mühe gegeben das Gestammel zu verstehn.
Aber ich kapiers einfach nicht - sorry.
Vielleicht können Deine Eltern Dein Problem verständlicher formulieren ?
Bisschen mehr Höflichkeit wäre evt. auch nicht schlecht oder?
Vieleicht können dir das deine Eltern ja noch beibringen

So jetz aber wieder zum Thema ich versuch es mal verständlicher zu formulieren:

Order X: mittlere Bilder
Ordner X/thumb/ : thumbnails
Ordner X/full: große Bilder
(alle Bilder natürlich mit der gleichen Bezeichnung

1. Bildslider liest Ordner X/thumb/ aus und lädt die Bilder (z.B. x,y,z) ein mit einem Link zu der mittleren Größe dieser wird dann im div Bildposition geöffnet.

2. Das im div Bildposition geöffnete Bild hat auch nochmal einen Link wo die große Version aus X/full mittels Lightbox geladen wird.

3. Habe ich ein kleines Navikationsmenü mit Nextbutton und Backbutton welche diese Funktion auch bieten sollen, d.h. klicke ich im Bildslider auf Bild y öffnet sich dies im div Bildposition.
Jetzt söllte das Navikationsmenü erkennen das Bild y geöffnet ist und den Backbutton mit einem Link zum Bild x und Nextbutton mit Link zu Bild z versehen und im Bildpositions div öffnen. Das söllte sich dan natürlich auch wieder mit den gleichen Funktionen (größere Ansicht bei klick mit Lightbox) ausgestattet sein.
Momentan habe ich keine Ahnung wie ich das am besten realisieren kann.

Ich hoffe so ists verständlicher.
Mit Zitat antworten


Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu
Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bilder auslesen, abspeichern und neu verlinken aikonch PHP 3 10.12.2007 15:03
Mehrere Bilder auf ein Bild "verlinken" Neffets CSS 8 14.07.2007 18:26
Alte Bilder löschen, wenn die gesamte Grösse der Bilder > Maximal Taktaky PHP 3 03.05.2007 16:05
Bilder aus SQL-Tabelle aufrufen und verlinken trabant PHP 3 04.05.2006 21:54
Bilder verlinken Kolbasar PHP 3 06.12.2005 11:10


Alle Zeitangaben in WEZ +1. Es ist jetzt 16:57 Uhr.


Powered by vBulletin® Version 3.8.8 (Deutsch)
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.
Powered by NuWiki v1.3 RC1 Copyright ©2006-2007, NuHit, LLC