kostenloser Webspace werbefrei: lima-city


Bildergalerie mit HTML?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    inetandfun

    Kostenloser Webspace von inetandfun

    inetandfun hat kostenlosen Webspace.

    Hi,
    ich habe ein Problem! Ich möchte nämlich eine Galerie per html machen, in der ich immer
    auf weiter drücken kann ohne eine neue Seite zu laden.

    Danke für Hilfe :D

    Benni
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. kalinawalsjakoff

    Kostenloser Webspace von kalinawalsjakoff

    kalinawalsjakoff hat kostenlosen Webspace.

    Nimm für jedes Bild eine HTML Seite und baue dann in der Reihenfolge die du willst einen Link zum Nächsten bild ein. Einfach oder?
  4. Autor dieses Themas

    inetandfun

    Kostenloser Webspace von inetandfun

    inetandfun hat kostenlosen Webspace.

    Ja, aber genau das möchte ich nicht.
    Wenn man auf den Link drückt soll nicht eine neue Seite (z.B. index.html *drücken* index1.html) kommen, sondern nur ein neues Bild.

    (Ist das überhaupt möglich??)

    Benni
  5. kalinawalsjakoff

    Kostenloser Webspace von kalinawalsjakoff

    kalinawalsjakoff hat kostenlosen Webspace.

    Dann mußt du leider zu Javascript und/oder PHP greifen denn ich weiß nicht ob das mit HTML und CSS so einfach möglich ist. Denn das Bild ist ja ne Datei genauso wie deine Index.html oder index1.html.

    Alternativ kannste dir beispielsweise mit JoJo Thumb einfche Gallerien bauen lassen und dazu bekommst du soweit ich weiß auch Templates für das Design.
  6. Autor dieses Themas

    inetandfun

    Kostenloser Webspace von inetandfun

    inetandfun hat kostenlosen Webspace.

    Ok,
    danke für die schnelle AW ich werds mit einzelnen Seiten machen :D
    weil ich kann nur Html und CSS

    Benni
  7. Das wird wie kalinawalsjakoff schon gesagt hat nicht möglich sein mit reinem HTML (soweit ich weiß, sollte es jemand besser wissen, wäre ich an der Lösung sehr interessiert). Auch mit PHP wird es kaum möglich sein, da PHP eine Serverseite-Sprache ist, und somit die Seite neu geladen werden muss um Daten auszutauschen.

    Die einzigste Möglichkeit die ich hier sehe, eine Galerie zu bekommen bei der die Seite nicht komplett neugeladen werden muss ist, JavaScript oder Flash zu benutzen.

    Hierzu gibt es auch schon einige sehr gute vorgefertigte Galerie-Skripte, z.B. lightbox etc...
  8. Autor dieses Themas

    inetandfun

    Kostenloser Webspace von inetandfun

    inetandfun hat kostenlosen Webspace.

    Ich hatte auch schon einige dieser möglichkeiten, aber weil ich keine ahnung davon hab, (js etc.) konnte ich sie nicht individuell gestalten :D. Ich bin nämlich noch ziemlich neu auf dem Gebiet habe aber die ein oder andere Homepage mit Html und CSS problemlos gestaltet :) aber wenn ich flash oder js benutzen soll, bin ich überfragt :D

    Benni
  9. Dann nutze doch einfach ein vorgefertigtes Galerie-Skript, hierbei benötigst du keinerlei Kenntnisse in JavaScript/Flash.
    Ich kann die lightbox nur empfehlen, am besten googlest du mal danach.
  10. sind die bilder immer gleich groß und durchnummerriert?
    wenn ja, dann braucht man keine großen JS kenntnisse, dann kann man einfach immer das Bild ersetzen:
    <p id="image"><img src="bild_0.jpg" alt="bcdshjeb" /></p>
    <p id="change_image">Es muss Javascript aktiviert sein, um weitere Bilder zu sehen</p>
    <script type="text/javascript">
    document.getElementById('change_image').innerHTML = '<a href="javascript:(function(){var a=document.getElementById('image').firstChild,b=/(.*?)(\d+)(\.\w+)$/,c=b.exec(a.src.toString()),d=new Image;d.onload=function(){a.parentNode.replaceChild(a,d)};d.src=c[1]+(c[2]*1-1)+c[3]})()">Zurück</a> <a href="javascript:(function(){var a=document.getElementById('image').firstChild,b=/(.*?)(\d+)(\.\w+)$/,c=b.exec(a.src.toString()),d=new Image;d.onload=function(){a.parentNode.replaceChild(a,d)};d.src=c[1]+(c[2]*1+1)+c[3]})()">Weiter</a>';
    </script>
    das ist zwar weit weg von optimal, aber es funktioniert.
  11. @inetandfun

    Kann alfr3d nur zustimmen. Wenn du eine Quick&Dirty-Lösung für eine Galerie suchst kann man das Lightbox-Script nur empfehlen. Da brauchst du keine JS-Kenntnisse, die "Bedienungsanleitung" wird mitgeliefert und du brauchst nicht mehr zu tun als die fertigen JS- und CSS-Skripte einzubinden, der Rest läuft im Grunde auf der HTML-Ebene.

    @alfr3d

    Es ist durchaus möglich Galerien nur mit HTML und CSS zu gestalten. Stu Nicholls zeigt auf seiner Site unter DEMOS diverse Varianten dafür (http://www.cssplay.co.uk/menu/). Allerdings sind nicht alle Lösungen auch immer komfortabel bzw. optimal, interessant ist es m.E. aber allemal.
  12. sonok

    Moderator Kostenloser Webspace von sonok

    sonok hat kostenlosen Webspace.

    An sich kein Problem mit CSS und HTML so etwas zu basteln.

    Ein Beispiel, das mit der hover-Funktion funktioniert ...

    http://www.sonok.de/hp_inga/seite_nicht_valide.php?seite=2&mappe=zyklus_3
    (JavaScript paßt nur die Bildgröße an, kann also auch weggelassen werden)

    Ein Beispiel, das auf Ankern basiert ...
    http://www.farbfremd.de/bilderanzeige.php?genre=Leute
    (:biggrin:)

    Du kannst ja im Quellcode schauen wie es gemacht ist, an sich nicht schwer.

    Beitrag zuletzt geändert: 18.11.2010 11:29:03 von sonok
  13. mit HTML kann ich mir das schlecht vorstellen.

    HTML ist keine Programmiersprache, sondern eine Codierung.
    Mit HTML ist es nur möglich, wenn man es in Zusammenhang mit JS/CSS/... verwendet.

    Beitrag zuletzt geändert: 24.11.2010 11:19:21 von macromedia
  14. greenplane schrieb:
    @alfr3d

    Es ist durchaus möglich Galerien nur mit HTML und CSS zu gestalten. Stu Nicholls zeigt auf seiner Site unter DEMOS diverse Varianten dafür (http://www.cssplay.co.uk/menu/). Allerdings sind nicht alle Lösungen auch immer komfortabel bzw. optimal, interessant ist es m.E. aber allemal.


    Ja du hast Recht. Mir ist im Nachhinein eingefallen, dass ich auch mal Aufklappmenüs die rein mit HTML und CSS realisiert waren gesehen hab, dies erschien mir auf den ersten Blick auch unmöglich.

    Werde mir die Demos auf dem Link aufjedenfall mal anschauen, finde ich sehr interessant, danke :smile:
  15. Autor dieses Themas

    inetandfun

    Kostenloser Webspace von inetandfun

    inetandfun hat kostenlosen Webspace.

    Danke für die vielen AWs ich habe jetzt die lightbox verwendet ;) und ich muss sagen: "besser als erwartet" ;)

    Grüße
    Benni
  16. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!