Suche horizontale Scrollgalerie

Moleman · 9. Juli 2011

Hallo Leute,

ich suche ein Plugin für eine WordPress Galerie. Da ich jetzt nicht genau weiß wie ich das am besten umschreiben soll, poste ich am besten mal einen Link von einer Galerie wie ich sie mir vorstelle.

http://www.peter-kessler.de/portrait.htm

Kann mir jemand sagen ob es so ein Plugin für WordPress gibt?

Vielen Dank

Moleman · 10. Juli 2011

Kennt da niemand eine Lösung? Sowas in der Richtung müsste es doch eigentlich auch für WordPress geben oder?

Gotico · 10. Juli 2011

Die Lösung findest Du doch im Quelltext der Seite .

Es handelt sich dabei um ein ganz profanes iframe, welches über eine weitere Datei mit Leben befüllt wird:

Aufruf des iframes:

<iframe width="1000" height="580" frameborder="0" name="main" src="http://www.peterkessler.net/portraitframe.htm"></iframe></td>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Die aufgerufene Datei sieht wie folgt aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<link rel="stylesheet" type="text/css" href="style.css">

<style>

BODY
{
body{
scrollbar-face-color:#3871CB;
scrollbar-highlight-color:##7f7f7f;
scrollbar-3dlight-color:#333333;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#333333;
scrollbar-track-color:#3e3e3e;
scrollbar-arrow-color:#3F251D;
scrollbar-face-color:#333333;
scrollbar-base-color:#333333;
}

</style>

<meta http-equiv="Content-Language" content="de"><title>portrait</title>

<style type="text/css">

#spalten {
color:#000000;
background: #222222 url('bg-660.gif');
float:left;
top:0px;
width:1660
}

#links {
float:left;
top:10px;
width:220;
margin:0;
padding:0px;
background-color:transparent;
}

#links p{
padding:10px;
font-family:Arial, sans-serif;
color:#000000;
font-size:12px;
}

#mitte {
float:left;
top:10px;
width:220;
margin:0;
padding:0px;
/* background-color:#FCDF7C; */
color:#333333;
}

#mitte p{
padding:10px;
font-family:Arial, sans-serif;
color:#000000;
font-size:12px;
}

#rechts {
float:left;
top:10px;
width:220;
margin:0;
padding:0px;
background-color:transparent;
}

#rechts p{
padding:10px;
font-family:Arial, sans-serif;
color:#000000;
font-size:12px;
}

</style>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#482201" vlink="#482201" alink="#873F02" bgcolor="#222222">
<div id="spalten">

<div id="links" style="width: 11700; height: 523">
<p align="left">
<img border="0" src="bilder/portrait/PKE_4154-2-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_5604-hp.jpg" width="750" height="500">  
<img border="0" src="bilder/portrait/PKE_1131-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_3510-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_3713-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_1638-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_1143-hp.jpg" width="333" height="500">   <img border="0" src="bilder/portrait/PKE_0601-hp3.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_2359-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_2313-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_9185-hp.jpg" width="333" height="500">  

<img border="0" src="bilder/portrait/PKE_9126-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_1673-1-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_0210-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_9220-hp.jpg" width="334" height="500">  
<img border="0" src="bilder/portrait/PKE_8578-hp2.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_8714-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_7141-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_6229-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_6469-hp.jpg" width="333" height="500">   <img border="0" src="bilder/portrait/PKE_6342-hp.jpg" width="750" height="500">  
<img border="0" src="bilder/portrait/PKE_4362-hp.jpg" width="751" height="500">  
<img border="0" src="bilder/portrait/PKE_4604-hp2.jpg" width="750" height="500">  
<img border="0" src="bilder/portrait/PKE_3176-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_5311-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_3139-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/PKE_4007-hp.jpg" width="333" height="500">  
<img border="0" src="bilder/portrait/anteportas.jpg" width="333" height="500">  

<img border="0" src="bilder/portrait/couleurdespierres.jpg" width="333" height="500">  
   
  
    </div>

</body>
</html>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Diese Infos sollte für einen Nachbau reichen

Sorry für die Fullquotes, aber sonst wird es unübersichtlich.

See ya, Maic.

th67ci · 10. Juli 2011

Schau mal da nach http://wordpress.org/extend/plugins/profile/gopiplus

Gruß
Jörg

Moleman · 11. Juli 2011

ok vielen Dank, dass hilft mir schonmal weiter

WPDE.org

Suche horizontale Scrollgalerie

Moleman Member

Moleman Member

Gotico Member

th67ci Well-Known Member

Moleman Member

Nützliche Suchen

Suche horizontale Scrollgalerie

Moleman Member

Moleman Member

Gotico Member

th67ci Well-Known Member

Moleman Member