✔ Php: Viele Bilder mit einem klick einblenden

U

Uther

Mitglied
Hallo,

ich habe 10x10 Bilder. 10 Bilder gehören immer zusammen, das erste und das letzte möchte ich normal anzeigen lassen. Dazwischen einwenig Text und ein Link zum ein sowie ausblenden.Also so am besten in einer 3x10 Tabelle:

Bild a1.....Text/Link.....Bild a10
Bild b1.....Text/Link.....Bild b10
....usw

Wenn ich nun den Link klicke sollen die restlichen acht Bilder zwischen Bild a1 und Bild b1 stehen.Also so:

Bild a1.....Text/Link.....Bild a10
Bild a2
Bild a3....
Bild b1.....Text/Link.....Bild b10
....usw

Mit dem selben oder einen anderen Link, soll das ganze wieder zugeklappt werden.

Ja mein Problem! Was muss ich machen, damit ich das hinbekomme? Mir geht es um den Code für den Link und dass die 8 Bilder eigefügt werden.

Ich hatte mir gedacht, dass ich pro einzufügendes Bild eine Tabellenzeile habe, die auf 100% steht, damit wenn das Bild drinn ist dieses auch anzeigt und wenn die Bilder nicht drinn sind, die Tabelle wieder zusammenrutscht, so das nur noch Bild a1 und gleich untendrunter Bild b1, mit geringen Abstand gezeigt werden.

Ich habe aber leider keine Ahnung von php oder andere Sprachen, nur einwenig html kann ich.
Wenn sich das, was ich will, mit einer anderen Scriptsprache besser realisieren lässt, so sagt mir das bitte aber php wäre mir schon lieb.

Vielen Dank für eure Hilfe.
 
Hi,

damit kannst Du Dir die Bilder ein- oder ausblenden :

PHP: 
	<? if (!isset($_GET["anzeigen"]) OR $_GET["anzeigen"] != 1) { ?>
		<table border="0" cellpadding="0" cellspacing="2" width="500">
			<tr>
				<td width="150">
					<div align="center">
						<img src="(Empty Reference!)" width="32" height="32" border="0"></div>
				</td>
				<td width="192">
					<div align="center">
						<a href="name_der_seite.php?anzeigen=1">Bilder anzeigen</a></div>
				</td>
				<td width="150">
					<div align="center">
						<img src="(Empty Reference!)" width="32" height="32" border="0"></div>
				</td>
			</tr>
		</table>
	<? } elseif (isset($_GET["anzeigen"]) AND $_GET["anzeigen"] == 1) { ?>
		<table border="0" cellpadding="0" cellspacing="0" width="500">
			<tr>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
				<td width="50"><img src="(Empty Reference!)" width="32" height="32" border="0"></td>
			</tr>
			<tr>
				<td colspan="10">
					<div align="center">
						<a href="name_der_seite.php?anzeigen=0">Bilder ausblenden</a></div>
				</td>
			</tr>
		</table>
	<? } ?>

Es werden 2 Tabellen erstellt.
Einmal nur die 2 Bilder und der Link zum Anzeigen der restlichen Bilder und einmal alle Bilder und der Link zum Ausblenden.
Gesteuert wird das mit dem Parameter der den Links angehängt ist "anzeigen". Ist der Wert ungleich 1 oder gar nicht vorhanden (beim ersten Aufruf der Seite) werden nur die 2 Bilder angezeigt. Ist der Wert vorhanden und hat den Wert 1 werden alle Bilder angezeigt.

Die Seite sieht jetzt nicht besonders schön aus, aber es soll ja auch nur das ein-/ausblenden darstellen.

Hoffe es hilft Dir.
 
Ohhh, vielend Dank dafür. :)

Das die anderen Bilder extra gezeigt werden is auch nicht schlecht^^

So nun brauch ich das nur noch anpassen.

Vielen Dank nochmal
 
Sorry ich bin es nochmal.

Wie kann ich jetzt nach meinen Wunsch für die 2. Zeile das gleiche erreichen?

Code: 
    <? if (!isset($_GET["anzeigen"]) OR $_GET["anzeigen"] != 1) { ?>
        
                        <img src="bild/Bar-1.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=1">Bilder anzeigen</a>   

						<img src="bild/Dis-1.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=2">Bilder anzeigen</a>              

           
          <? } elseif (isset($_GET["anzeigen"]) AND $_GET["anzeigen"] == 1) { ?>
      					<img src="bild/Bar-2.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=0">Bilder ausblenden</a>

		  <? } elseif (isset($_GET["anzeigen"]) AND $_GET["anzeigen"] == 2) { ?>
      					<img src="bild/Dis-2.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=0">Bilder ausblenden</a>
    <? } 
	?>

Das hier funktioniert nicht.

Edit:

Sorry, habs doch hinbekommen.

Code: 
    <? if (!isset($_GET["anzeigen"]) OR $_GET["anzeigen"] != 1) { ?>
        
                        <img src="bild/Bar-1.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=1">Bilder anzeigen</a>   

						             

           
          <? } elseif (isset($_GET["anzeigen"]) AND $_GET["anzeigen"] == 1) { ?>
      					<img src="bild/Bar-2.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=0">Bilder ausblenden</a>

		  
						
			<? } if (!isset($_GET["anzeigen"]) OR $_GET["anzeigen"] != 2) { ?>
						 <img src="bild/Dis-1.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=2">Bilder anzeigen</a>
						
			 <? } elseif (isset($_GET["anzeigen"]) AND $_GET["anzeigen"] == 2) { ?>
      					<img src="bild/Dis-2.jpg" width="229" height="217" border="0">
                        <a href="test.php?anzeigen=0">Bilder ausblenden</a>
    <? } 
	?>



Vielen Dank für Hilfe
 
Zuletzt bearbeitet:
Hallo,

ich habe noch ein kleines Problem damit. Ich möchte die Seite in ein System einbinden, welches mir erlaubt, den Link dazu nur für bestimmte Nutzergruppen anzuzeigen.

Dazu muss ich folgende Zeile einbinden.

Code: 
 <?php defined ('main') or die ('no direct access'); ?>

Wenn ich die Seite aufrufe, dann klappt alles wunderbar, nur was muss ich an diesem Link ändern, damit ich kein Accesserror bekomme.

Code: 
<a href="test.php?anzeigen=1">Bilder anzeigen</a>

Vielen Dank für Hilfe
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück