Ergebnis 1 bis 6 von 6

Thema: Bildergallerie

  1. #1
    Maximilian ist offline Fortgeschrittener Benutzer
    Registriert seit
    07.05.2010
    Alter
    29
    Beiträge
    85

    Standard Bildergallerie

    Guten Tag

    So, meine Homepage steht nun mehr oder weniger... Aber leider fehlt noch folgendes:

    Ich möchte in der Rubrik "Mitglieder" Fotos von Personen reinstelle. Diese sollten so ca. 6x6cm gross sein. Wenn man dann aber auf das Foto drauf klickt, sollte sich dieses vergrössern... Ich habe gelesen, dass das mit CSS möglich ist, leider finde ich aber keine Anleitung...
    Kann mir das jemand von Euch erklären?

    Danke und Gruss

  2. #2
    Registriert seit
    12.08.2008
    Beiträge
    751

    Standard AW: Bildergallerie

    Zitat Zitat von Maximilian Beitrag anzeigen
    Guten Tag

    So, meine Homepage steht nun mehr oder weniger... Aber leider fehlt noch folgendes:

    Ich möchte in der Rubrik "Mitglieder" Fotos von Personen reinstelle. Diese sollten so ca. 6x6cm gross sein. Wenn man dann aber auf das Foto drauf klickt, sollte sich dieses vergrössern... Ich habe gelesen, dass das mit CSS möglich ist, leider finde ich aber keine Anleitung...
    Kann mir das jemand von Euch erklären?

    Danke und Gruss
    Mit CSS denke ich mal eher weniger, mit Javascript hingegen schon!
    Und wenn sich hier noch ein paar HTML5 Spezis melden, da gibts vielleicht noch neue Mittel und Wege.
    hacking is not a crime, it's a passion
    Mehr von mir unter blog.encodingit.ch

  3. #3
    Registriert seit
    13.01.2004
    Ort
    Swizzerland
    Alter
    42
    Beiträge
    4.736

    Standard AW: Bildergallerie

    Es gibt diverse "fertige" Javascripts, die Du nur noch in Deine Seite einbinden musst, dann kannst Du das einfach realisieren. Am Besten gehst Du auf eine Webseite, wo das so realisiert ist, wie Du möchtest und schaust in den Quelltext.

  4. #4
    Registriert seit
    09.04.2010
    Ort
    Suisse
    Alter
    26
    Beiträge
    23

    Standard AW: Bildergallerie

    Gruss Bl1tz

  5. #5
    Registriert seit
    07.02.2011
    Ort
    Bern
    Alter
    28
    Beiträge
    8

    Standard AW: Bildergallerie

    Falls du unbedingt auf Javascript verzichten möchtest, kann man dies auch rudimentär mit den :hover und :active parameter bewerkstelligen, in dem du ein neues Element einblendest, sobald es aktiviert wird.
    Kleines beispiel:
    Code:
    .gross { display: none /* div wo das grosse Bild erscheint, durch display:none; ausgeblendet */ }
    .thumbnail { /* vorschaubild... */ } 
    .thumnail:hover .gross  { display: block; /* wird nun eingeblendet */ }
    Ich habe dies stets nur mit dem :hover effekt verwendet, ob das auch bei einem klick zu realisieren ist, weiss nicht - ev. per :active.

    Gruss Sublime

  6. #6
    Avatar von zenzero
    zenzero ist offline Fortgeschrittener Benutzer
    Registriert seit
    26.10.2004
    Ort
    agglo zürich
    Alter
    53
    Beiträge
    61

    Standard AW: Bildergallerie

    geht auch ohne JS - schau dir mal die seiten von Stu Nicholls an: www.cssplay.co.uk

    setzt CSS kenntnissse zum einbau in seiten voraus....
    Geändert von remix (09.02.2011 um 03:20 Uhr) Grund: Link korrekt eingefügt
    ~~wer für alles offen ist kann nicht ganz dicht sein~~

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  
BigBellyBank.shop