mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: So 28.04.2024 10:07 Benutzername: Passwort: Auto-Login

Thema: Fotos auf der Internetseite vom 05.11.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Fotos auf der Internetseite
Seite: 1, 2  Weiter
Autor Nachricht
dereza
Threadersteller

Dabei seit: 27.10.2008
Ort: Solingen
Alter: -
Geschlecht: Weiblich
Verfasst Mi 05.11.2008 14:03
Titel

Fotos auf der Internetseite

 Antworten mit Zitat Zum Seitenanfang
Tag!

Auf der Internetseite sollten ein paar Bilder stehen und zwar so, dass die kleinen in einer Reihe stehen. Sobald auf ein Bild angeklickt wird, erscheint ein größeres Bild auf der gleichen Seite daneben. Also die Seite bleibt quasi wie sie ist, sich ändert nur das große Bild. Wie kriegt man so was hin?

Vielen Dank im Voraus!


Code:
<style type="text/css">

.imagefloat {
float: right;
width:286px;
height:403px;
margin:10px 10px 0 30px;;
}


#fzeuge {
margin: 10px 0 20px 20px;
width:420px;
height:120px;
}

#vw1 {
margin: 0 5px 0 0;
float:left;
border:0px;
width:100px;
height:120px;
}

#vw2 {
margin: 0 5px 0 0;
float:left;
border: 0px;
width:100px;
height:120px;
}

#motor1 {
margin: 0 5px 0 0;
float:left;
border:0px;
width:100px;
height:120px;
}

#motor2 {
margin: 0 0 0 0;
border:0px;
height:120px;
}

img {
   border: 0px;
}



HTML:
Code:

<div id="content">
<img src="img/DAS ABGWKLICKTE BILD.jpg" class="imagefloat"/>

<div id="fzeuge"><div id="vw1"><a href="vw1.html" target="_blank"><img src="img/vw1klein.jpg"/></a><p class="p2"><b>VW Golf GT</b></p></div><div id="vw2"><a href="vw2.html" target="_blank"><img src="img/vw2klein.jpg"/></a><p class="p2"><b>VW Golf GT</b></p></div><div id="motor1"><a href="motor1.html" target="_blank"><img src="img/motorrad.jpg"/></a><p class="p2"><b>Motorrad</b></p></div><div id="motor2"><a href="motor2.html" target="_blank"><img src="img/motorrad2klein.jpg"/></a><p class="p2"><b>Aprillia SR50</b></p></div></div>

</div>
  View user's profile Private Nachricht senden
status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 05.11.2008 14:06
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.cssplay.co.uk/menu/gallery_click

Gibt natürlich wie immer einige Möglichkeiten. *zwinker*

Zuletzt bearbeitet von status4 am Mi 05.11.2008 14:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
dereza
Threadersteller

Dabei seit: 27.10.2008
Ort: Solingen
Alter: -
Geschlecht: Weiblich
Verfasst Mi 05.11.2008 15:30
Titel

Antworten mit Zitat Zum Seitenanfang
status4 hat geschrieben:
http://www.cssplay.co.uk/menu/gallery_click

Gibt natürlich wie immer einige Möglichkeiten. *zwinker*


Was wäre am einfachsten? Ich darf nicht sehr viel Zeit in die Arbeit investieren.
Also, ohne Programm, mit der man sich zuerst zurechtfinden muss, und keine Skripte, die für kommerzielle Seiten nicht verwendet sein dürfen.Bieten hier CSS und HTML keine Möglichkeiten für? Ooops
  View user's profile Private Nachricht senden
status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 05.11.2008 15:41
Titel

Antworten mit Zitat Zum Seitenanfang
dereza hat geschrieben:
Was wäre am einfachsten? Ich darf nicht sehr viel Zeit in die Arbeit investieren.
Also, ohne Programm, mit der man sich zuerst zurechtfinden muss, und keine Skripte, die für kommerzielle Seiten nicht verwendet sein dürfen.Bieten hier CSS und HTML keine Möglichkeiten für? Ooops


Am einfachsten wäre natürlich du nutzt etwas bereits vorhandenes. Eine reine CSS und HTML Lösung
wäre möglich wie du http://www.cssplay.co.uk/menu/gallery_click dort sehen kannst.


Oder aber Javascript Lösungen.

Etwas in der Richtung frei erhältliches, schöner, animiert, wäre z.B.:

http://devkick.com/lab/galleria/demo_01.htm

Oder ganz einfach

http://monc.se/kitchen/stew/gallery/
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 05.11.2008 15:44
Titel

Antworten mit Zitat Zum Seitenanfang
Die CSSPlay Lösung funktioniert im Safari aber irgendwie nicht? Das geht nur wenn ich klick und dann draubleibe, wenn ich loslass, isses wieder weg das große.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 05.11.2008 15:52
Titel

Antworten mit Zitat Zum Seitenanfang
dereza hat geschrieben:
Ich darf nicht sehr viel Zeit in die Arbeit investieren.


das is schon mal der richtige ansatz *ha ha*

hätt dir gerne noch was fachliches mit auf den weg gegeben, aber ich darf nicht so viel zeit ins forum investieren *zwinker*

könnt ihr euch nicht angewöhnen, gerade bei bildern ein onlinebeispiel zu zeigen. eins wie es aussehen soll, und eins, wie weit ihr jetzt seid? ich kopier mir doch nicht deinen code, such dann noch passende bilder dazu und und und? kennst das ja mit der lieben zeit... *hehe*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 05.11.2008 16:05
Titel

Antworten mit Zitat Zum Seitenanfang
pixelpapst303 hat geschrieben:
könnt ihr euch nicht angewöhnen, gerade bei bildern ein onlinebeispiel zu zeigen. eins wie es aussehen soll, und eins, wie weit ihr jetzt seid? ich kopier mir doch nicht deinen code, such dann noch passende bilder dazu und und und? kennst das ja mit der lieben zeit... *hehe*


Sie hat doch deutlich beschrieben was sie möchte * Keine Ahnung... *

Zitat:
Auf der Internetseite sollten ein paar Bilder stehen und zwar so, dass die kleinen in einer Reihe stehen. Sobald auf ein Bild angeklickt wird, erscheint ein größeres Bild auf der gleichen Seite daneben. Also die Seite bleibt quasi wie sie ist, sich ändert nur das große Bild.
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 05.11.2008 16:10
Titel

Antworten mit Zitat Zum Seitenanfang
Photoshop -> Webgalerie erstellen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Zeitraffer aus Photos
Viele photos umbenennen
Photoshop: 2 gleiche Photos aneinander ausrichten?
Photos mit Negativ-Streifen Charakter erstellen
Kann man Photos in BridgeCS2 nach Belichtungszeit sortieren?
Wo finde ich ein paar lizenfreie gute Photos von Notebooks?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB