| Autor |
Nachricht |
siriussmarty
Threadersteller
Dabei seit: 21.04.2010
Ort: Eilenburg
Alter: 33
Geschlecht: 
|
Verfasst Mo 05.07.2010 13:24
Titel Homepage Gallery |
  |
|
Hallo,
ich bin auf der suche nach einer Gallery, die folgende Funktionen haben sollte.
Ich habe ein Screenshot angefertigt um meine Gedanken zu Präsentieren.
Unten der Slider ist schon fertig gecodet über Java.
Das Fullbild ist auch schon vorhanden, jetzt möchte ich gerne noch neben dran kleinere Bilder vom gleichen Bild haben nur in anderen Farben.
Wie stelle ich das am besten an. Kennt Ihr eventuell eine Gallery die genau diese Funktionen für mich haben?
Vielen dank im voraus
|
|
| |
  |
 |
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 46
Geschlecht:
|
Verfasst Mo 05.07.2010 13:28
Titel
|
|
|
|
Welche Funktionalität ewartest du jetzt genau? Das umfärben der Screenshots?
|
|
| |
 |
|
|
Anzeige
|
|
|
siriussmarty
Threadersteller
Dabei seit: 21.04.2010
Ort: Eilenburg
Alter: 33
Geschlecht:
|
Verfasst Mo 05.07.2010 14:11
Titel
|
|
|
Das neben dran noch ein Div Container aufgebaut werden kann, der die Screenshots umfärbt wenn man dann darauf klickt. Genau
Den Div Container kann ich ja Platzieren das ist kein Problem, nur wenn man auf den gefärbten Screenshot klicken will, sollte dann das groß format kommen und das was weg geht soll wieder Rechts eingeordnet werden.
Hätte das mir so gedacht.
Die Slidershow ist einzeln unten von Links nach rechts. Wenn man jetzt darüber eine Gallery included würde das gehen? Bzw. eine 2te Slideshow? So das wenn man unten auf Screenshot 1 Klickt - sich Slidershow 2 öffnet und die dann angeklickt werden können oder so, kann man nur schlecht erklären 
|
|
| |
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 46
Geschlecht:
|
Verfasst Mo 05.07.2010 14:17
Titel
|
|
|
also ich lass mich ja gerne eines besseren belehren, aber ich bezweifle doch sehr stark, dass es sowas gibt. Woher soll ein Automat denn wisen, welche abstufungen die wunschfarbe dann innerhalb des bildes haben soll.
Ich ürde eher sagen, du musst schon einzelne Bilder machen und die jeweiligen dann in einem zweiten Thumbnail bereich einstellen.
Du brauchst eine hierarchisierung der Dateien quasi. Einmal die zur ausgewählten Farbe gehörenden Unterseite und dann die Varianz in den Farben der Seite. Die Farbvarianzen willst du dann wohl rechts darstellen und die Unterseiten unten im Slider, oder?
|
|
| |
|
|
siriussmarty
Threadersteller
Dabei seit: 21.04.2010
Ort: Eilenburg
Alter: 33
Geschlecht:
|
Verfasst Mo 05.07.2010 14:39
Titel
|
|
|
Hallo, ich erkläre das mal jetzt genau, so das kein Ratespiel durch meine schlechte Erklärung passiert.
unten der Slider stellt verschiedene Design dar. Verschiedene Templates von mir aus auch.
Unten im Slider findet man
- Template #1
- Template #2
- Template #3
- Template #4
Wenn man auf Template #2 klickt erscheint es darüber groß und dann der Slider Rechts soll die Farbvarianten anzeigen, so das wenn ich auf eine Farbvariante im Rechten Slider klicke, die in groß angezeigt wird.
gehe ich wieder runter in den Slider udn klicke Template #3 an, erscheint das Template #3 und rechts dann wieder die Farbvarianten vom Template #3
Unten stehen nur die Templates/Design ( Alle unterschiedlich ) und oben ist das Großformat. Rechts neben dem Großformat findet man nur die Farbvarianten die aufgerufen werden, wenn man ein Template anklickt.
Folgendes habe ich mir überlegt.
Ich erstelle 2 Slider, alle andere Datein Namen so das Sie sich nicht beißen.
1. Slider ist der ganz unten.
-> Wenn ich auf ein template klicke, kommt eine neue PHP-Seite die Included ist, darin befindet sich Slider .2 mit den Farbvarianten.
Würde das funktionieren?
Zuletzt bearbeitet von siriussmarty am Mo 05.07.2010 14:42, insgesamt 1-mal bearbeitet
|
|
| |
|
|
siriussmarty
Threadersteller
Dabei seit: 21.04.2010
Ort: Eilenburg
Alter: 33
Geschlecht:
|
Verfasst Di 06.07.2010 15:57
Titel
|
|
|
ich habes fast geschafft nur habe ich ein Problem, wenn ich die Bilder mit "#" Verlinke dann Switscht er immer an den Anfang der Seite.
Nun habe ich es anders verlinkt "#screen' jedoch werden die Bilder nun nur beim klicken darauf Sichtbar im großen Feld.
Kann mir ja jemand nochmal kurz helfen? Wie ich die am besten Verlinken kann ?
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bildergalerie mit CSS</title>
<link href="praxishomepage/slider_01/css/style.css" rel="stylesheet" type="text/css" />
</head><body>
<div id="gallery_position">
<div id="screen"><a title="loading" style="background-image: url(praxishomepage/slider_01/template_01/01_blau_kl.gif)" href="#">
<span>
<em style="background-image: url(praxishomepage/slider_01/template_01/01_blau.gif)"> </em>
<p>Bildunterschrift 1</p>
</span>
</a>
<a title="loading" style="background-image: url(praxishomepage/slider_01/template_01/01_blau_kl.gif)" href="#">
<span>
<em style="background-image: url(praxishomepage/slider_01/template_01/01_blau_kl.gif)"> </em>
<p>Bildunterschrift 2</p>
</span>
</a>
<a title="loading" style="background-image: url(praxishomepage/slider_01/template_01/01_blau_kl.gif)" href="#">
<span>
<em style="background-image: url(praxishomepage/slider_01/template_01/01_blau_kl.gif)"> </em><p>Bildunterschrift 3</p>
</span>
</a>
<a title="loading" style="background-image: url(praxishomepage/slider_01/template_01/01_blau_kl.gif)" href="#">
<span>
<em style="background-image: url(template_01/01_blau_kl.gif)"> </em>
<p>Bildunterschrift 4</p>
</span>
</a></div>
<div id="gallery"></div>
</div>
</body></html> |
| Code: | <style type="text/css">
/*<![CDATA[*/
html,body {
margin: 0;
padding: 0;
background-color: #afafaf;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100.01%;
}
#gallery_position { /*im Textfluss*/
margin: 0;
}
#screen {
position: relative;
width: 590px;
height: 590px;
border: 1px solid #01c4f2;
background-color: #FFF;
}
#gallery img {
width: 386px;
height: 256px;
margin: 25px;
float: left;
}
#screen a, #gallery a:visited {
display: block;
float: none;
width: 140px;
height: 143px;
margin: 0px 0 4px 599px;;
border: 1px solid #01c4f2;
text-decoration: none;
}
#screen a span, #gallery a strong { /* loading-Block */
display: none;
float: right;
}
#screen a span em {
display: block;
width: 586px;
height: 556px;
margin: -86px 0 0 -24px;
}
#screen a:focus, #gallery a:active {
border: 1px solid #666666;
}
#screen a:focus span, #gallery a:active span {
position: absolute;
display: block;
left: 26px;
top: 88px;
width: 386px;
z-index:1;
font-size: 0.8em;
color: #000000;
}
#screen a:focus strong, #gallery a:active strong { /* loading-Block */
position: absolute;
display: block;
left: 27px;
top: 87px;
width: 384px;
height: 256px;
background-color: #EFEDEC;
color: #1199FF;
font-size: 0.8em;
}
#screen p { color: #01c4f2; margin: 7px 0 0 0px; }
/*]]>*/
</style> |
Demo Link: http://dentalprint.de/praxis_homepage.php
Zuletzt bearbeitet von siriussmarty am Di 06.07.2010 16:09, insgesamt 3-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Homepage Creator oder Homepage Baukasten
gallery
fade Gallery
CSS Bilder Gallery und der ie6
Gallery PHP installieren!?
Photo Gallery
|
|
Willkommen auf dem Portal für Mediengestalter
