thumbnails schon groß anzeigen

  • hallo,


    ich möchte mit einem klick auf meine thumbnails diese schön groß zentriert anzeigen, am besten mit einem rand und unten rechts im eck das "x" zum beenden,

    also keinen neuen frame oder sowas, sondern über den thumbs zentriert.


    alle beispiele mit css sind nicht wirklich schön die ich hatte, polaroid effekt zb...


    ein gutes beispiel ist folgende fotoseite: http://www.bergwerk-wolf.de/de/fotografie/portraitpeople


    kann man sowas selbst machen oder sind das templates von irgendeinem wordpress oder so....


    falls jemand nen code dazu oder idee hat, bitte posten


    vielen dank schon mal

    Tino

  • hallo,

    danke, es klappt nicht so wie es aussehen soll,

    habe das unter "how to use" mal kopiert aber es wird nur das bild ohne alles dargestellt... so

    gehört das so oder in body ?


    gruss Tino

  • das ist schon mal MURKS.


    1. Nutze bitte aktuelles html5

    <!doctype html>

    2. Dein Javascript muss in einen script tag

    <script> hier der Code </script>

    3. Bei html 5 kann man den Murks löschen

    type="text/javascript"

    und

    type="text/css"  

    4. Inline styl wird nicht gerne gesehen und veraltete attributen sowieso nicht.

    Das ist alles Mist und wird in der css Datei geschrieben

    text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"

    5. Das hier

     $("a#single_image")

    Ist unnötig .Ob das überhaupt geht weiß ich gar nicht.

    Die schreibweise macht man bei Klassen.

    Bei Id's brauch man das nicht. Die sind einmalig und dürfen auch nur einmal im Code vorkommen.Also laß das a am anfang da mal weg

    Was ist das


     $("a#inline")

    $("a.group")   

    Beim ersten ist das a zu viel. Aber was ist #inline ?

    Diese Id hast du niregendswo.

    Beim 2ten ist das a OK, da du da eine Klasse hast . Aber warum ? Ich sehe nirgenswo ein Element mit der Klasse .group ?

    Versuchst du gerade mit Copy Paste dir was zurecht zu kopieren ??

  • hallo,


    ok danke, ich glaube ich habe auch rausgefunden, dass das ganze zip. zeugs im falschen ordner war und deshalb die ränder fehlten, jetzt geht mein beispiel.


    noch was, ich bin neu hier und habe seit jahren keine webseite mehr erstellt.

    ich kenne noch das framelayout, wo man oben die buttons hat und clickbar darunten den main-frame schön mit inhalten austauscht.....

    wie macht man das mittlerweile, habe iframes getestet, da geht aber immer ein neuer auf


    gruss

    Tino

  • Zitat

    ich kenne noch das framelayout, wo man oben die buttons hat und clickbar darunten den main-frame schön mit inhalten austauscht.....

    wie macht man das mittlerweile

    Eine andere Möglichkeit als Ajax ist, dass Du die Inhalte, die auf allen Seiten gleich sind, wie die Buttons und Clickbar, von denen Du schreibst, in eine Datei schreibst und diese auf den einzelnen Seiten mit PHP-include einbindest. Dann hast Du weiterhin den Vorteil, dass die Sachen, die gleich sind nur einmal vorhanden sind und nur in einer Datei geändert werden müssen.

  • hi,

    war grad auf der ajax seite.. das überfordert mich, das war früher mit den frames und targets doch viel schönen und einfach, zb dass oben die button leiste immer stehen bleibt beim scrollen, heut hab ich den eindruck alles is immer ein frame der beim scrollen komplett nach oben abhaut....


    ich habe mittlerweile für die buttons "fotos", "sport" etc jeweils ne ganze eigene seite, so gehts wenigstens...


    http://www.bergwerk-wolf.de/de/fotografie/portraitpeople ... nur als beispiel bei der seite wieder wie entsteht der effekt oben beim scrollen von transparent zu black?


    dank dir tino


    ps. falls ihr aus dem raum bamberg / bayreuth kommt, ich hab grad ne fuss-verletzung und deshalb zeit hierfür, mach guten cafe und man müsste hier nicht schreiben :)

  • Zitat

    wie entsteht der effekt oben beim scrollen von transparent zu black?

    Hier findest Du den Code für so etwas.

    Zitat

    war grad auf der ajax seite.. das überfordert mich, das war früher mit den frames und targets doch viel schönen

    Lies mein Posting #7, auf die Weise ist es viel einfacher.

  • hi,


    der link zu deinem posting7 geht doch nicht ??


    für dich noch ne ganz einfache frage wahrscheinlich... ein img als link ohne rahmen....

    <a href="fotos.html"><img src="bilder/hintergrund2.jpg" border="0"> </a>

    warum wird er doch angezeigt und das bild somit auch etwas größer ?



    nochwas: auch wird das wort border im editor rot dargestellt, wie wenn es den befehl nicht mehr gibt


    habe auch in der css-datei:

    a img {
    border:none;
    }


    ausprobiert, tut sich aber auch nix, noch nervt der rand ???


    danke tino


    ok wenn dein posting 7 das hier zu ajax ist , dann check ich es eh nicht

  • danke nochmal,

    das umfärben scheint zu gehen, dass mit dem php ist mir grad zu viel,

    hast du eine idee warum ich diesen komischen weißlichen rand um mein .jpg als link in einem href nicht wegbekomme?

  • hi,


    mist oder gut, grad selbst rausgefunden....

    Code
    a img {
        border: 1px solid #BBB;
        padding: 2px;
        margin: 10px 20px 10px 0;
        vertical-align: top;
    }

    hier in einer css war noch das 1px bei allen img versteckt also auch bei einem href !!!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!