Image Gallerie Script

Beitrag von **Wigglepoons** » 11.07.2006, 14:32

Ich will auf meiner Seite zu jeder Textseite eine kleine Bilder Gallerie rechts am Rand einbauen, so das jede Seite ihre eigene Bilder hat.
Es gibt immer ein Hauptbild und darunter kleine vorschau Bilder für die anderen Bilder. Wenn ein vorschau Bild angeklickt wird, wird es mit dem oberen Hauptbild ausgetauscht. (der ganze Text auf der Seite bleibt etc, nur das jeweils angeklickte Bild wird geändert)

Das aufrufen der Bilder habe ich mir so vorgstellt.

https://www.meinedomain.de/kategoriename/thema.html Das ist eine Seite bei der noch kein Bild angeklick wurde.

https://www.meinedomain.de/kategoriename/thema-1.html Bild eins
https://www.meinedomain.de/kategoriename/thema-2.html Bild zwei

Problem ist nun aber das
https://www.meinedomain.de/kategoriename/thema.html
https://www.meinedomain.de/kategoriename/thema-1.html
https://www.meinedomain.de/kategoriename/thema-2.html

den identischen Content haben, was für Suchmaschinen nicht gut ist. Google und co sollen die Bilder links gar nicht erst erfassen.

Reicht ein einfach rel="nofollow" im Link?

von **Anzeige von ABAKUS** »

Beitrag von **Wigglepoons** » 11.07.2006, 15:00

edvsb hat geschrieben:
Reicht ein einfach rel="nofollow" im Link?
Persönlich würde ich sagen nein. Habe auch Seiten im Index die genau dieses Attribut haben.

Löse das ganze doch mit JavaScript oder mit CSS. Mit CSS hatte ich sowas schon mal, also dass es geht weiß ich, nur nicht mehr genau wie

Gruß, Ingo

Mit JavaScript hatte ich bereits mal so ein Script gemacht, wollte diese neue Seite aber mal so weit wie möglich ohne JavaScript machen da sie wirklich möglich Suchmaschinen optimiert werden soll. Mit CSS soll sowas gehen? Mhh... muss ich gleich mal googlen.
Das jetzige Script basiert ja auf $_GET[], was mir durch den Kopf gegangen ist, wäre eine Lösung mit $_POST[].
Lösen Suchmaschinen einen Post Submit button aus?

Edit: noch eine andere Möglichkeit könnte Iframe sein, aber das ist sicher überhaupt nicht Suchmaschinen freundlich.

Beitrag von **Wigglepoons** » 11.07.2006, 17:39

Habs nun mit der Post Methode gemacht. Scheint ganz anständig geworden zu sein. Bin mit dieser Methode aber noch über ein Problem mit dem IE gestolpert.

Der Internet Explorer übermittelt nur die X Y Koordinaten des klickes bei der input type="image" Methode.

Bei der <button type="submit" name="pic" value="1.jpg"><img src="1.jpg" alt="nix"/></button> Methode, sendet er auch die X Y Koordinaten zusätzlich aber noch den Inhalt von dem Button. Also <img src="1.jpg" alt="nix"/> gibt er als Wert für pic aus.

Hab nun ein Script gemacht, bei dem es im Internet Explorer trotzdem funktioniert:

Bilder Gallerie mit POST Methode
Hier das Script falls jemand das gleiche Problem hat:

Code: Alles auswählen

<?
$useragent = getenv&#40;"HTTP_USER_AGENT"&#41;;
if&#40;!isset&#40;$_POST&#91;pic&#93;&#41;&#41;
$mainpic = "1.jpg";

else
&#123;
if &#40;preg_match&#40;"/MSIE/i", "$useragent"&#41;&#41;
&#123;
$teile = explode&#40;"/", $_POST&#91;'pic'&#93;&#41;;
$replace = array&#40;"\\", "\"", ">"&#41;;
$mainpic = str_replace&#40;$replace, "", $teile&#91;2&#93;&#41;;
&#125;

else $mainpic = $_POST&#91;pic&#93;;
&#125;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><? echo $mainpic; ?></title>
<style type="text/css">
<!--
img.pic &#123;
	border&#58; 1px solid #000000;
&#125;
button.pic &#123;
margin-top&#58; 5px;
background-color&#58;#FFFFFF;
border&#58; 0px solid #FFFFFF;
&#125;
-->
</style>
</head>

<body>
<form id="form" name="form" method="post" action="http&#58;//www.meinedomain.de/filename.php">
<table width="220" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="220"><div align="left"><img src="bilder/<? echo $mainpic; ?>" width="206" height="150" alt="nix" style="margin&#58;2px; border&#58; 1px solid #000000"/><br /><br />
		<button type="submit" name="pic" value="1.jpg" class="pic"><img src="bilder/thumbnails/1.jpg" class="pic" alt="nix"/></button>
		<button type="submit" name="pic" value="2.jpg" class="pic"><img src="bilder/thumbnails/2.jpg" class="pic" alt="nix"/></button>
		<button type="submit" name="pic" value="3.jpg" class="pic"><img src="bilder/thumbnails/3.jpg" class="pic" alt="nix"/></button>
		<button type="submit" name="pic" value="4.jpg" class="pic"><img src="bilder/thumbnails/4.jpg" class="pic" alt="nix"/></button>
		<button type="submit" name="pic" value="5.jpg" class="pic"><img src="bilder/thumbnails/5.jpg" class="pic" alt="nix"/></button>
        </div></td>
      </tr>
    </table>
</form>
</body>
</html>