Problem mit der Bilderdarstellung in Lightbox

    hy leute!

    Ich habe derzeit leider ein problem mit der bilderdarstellung in lightbox. ich habe heute schon den ganzen tag nach dem fehler gesucht und finde ihn aber ned :( auch um diese uhrzeit lässt es mich nicht los.

    PROBLEM:

    das problem ist, das es zwar die lightbox startet, er aber immer beim letzten bild der serie (er schreibt auch links unten hin bild 6 von 6) beginnt und mir den close-button nicht zeigt. ich hab leider keine ahnung was da los ist. ich habs ja schonmal geschaft sowas mit lightbox zu realisieren und jetzt hab ich exakt das selbe getan :((

    ich weiß echt nichtmehr weiter

    Hab folgendes im head es dokumentes ergänzt:

    und die bilder wie folgt:

    ich find nix, ich seh nix :((( bitte um einen tip.

    vielen dank

    Mir passiert es manchmal das die Grafiken nicht im richtigen Verzeichnis liegen, oder ich sie gar nicht mit hochgeladen habe.

    Du kannst dir auch mal lytebox anschauen... auch sehr schön....

    Ansonsten wäre ein Link sehr hilfreich!

    danke euch beiden, falls jemand online ist und mich kurz bei der fehlersuche helfen würde (ich find den nicht, bin am verzweifeln, konnte nichtmal klar schlafen ^^) bitte eine kurze nachricht, dann sende ich den link per PN.

    vielen dank, lg

    EDIT:

    Hab das Problem gefunden und gelöst, musst in der lightbox.js 2 Änderungen am Pfad vornehmen.

    Danke trotzdem

    Einmal editiert, zuletzt von xmatthias (27. Mai 2010 um 10:30)

    Problem gelöst - zu FRÜH GEFREUT :(( - hab ein neues.

    ich hab zwar jetzt die grafiken und alles wieder da, und auch schon die gallery seite erstellt (die funkioniert auch super mit lightbox und 30 bildern) nur bei einer anderen seite, wo ich es exakt auch so gemacht habe, nur das der link in einer tabelle ist zur positionierung hab ich das problem das zwar die lightbox aufgeht aber mit bild 6 von 6 beginnt, obwohl das bild eig das erste sein sollte, auch passen die restlichen bilder von der reihenfolge her nicht. hat da vl. wer eine idee, such mir schon den wolf hier :(

    hier wäre mein code (von der gesamten seite)

    Ich sag's mal so: ein Validator wird einiges rummeckern. Du solltest vielleicht mal die Links kontrollieren.

    hy bandit, vielen dank für die antwort. ich habs jetzt mittels validator mal überprüft und dermaßen viele fehler ausgehend von ein paar kleinigkeiten gefunden, dass ich fast vom sessel gefallen wäre :)

    hab den code jetzt so angeändert, bzw. korrigiert:

    aber könntest du bitte versuchen mir kurz zu erklären, warum ich auch die anderen links in die tabelle miteinbinden musste??
    und wieso ich als warning das bekomme versteh ich auch nicht, bzw. wüsste ich gerne was ich durch was ersetzen muss, will ja keine probleme mit älternen browsern etc:

    Byte-Order Mark found in UTF-8 File. The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.

    das wäre echt nett

    2 Mal editiert, zuletzt von xmatthias (27. Mai 2010 um 12:02)

    Zitat von xmatthias

    aber könntest du bitte versuchen mir kurz zu erklären, warum ich auch die anderen links in die tabelle miteinbinden musste??


    Warum? Ähm, weil das zu den grundlegenden Regeln gehört?!

    Welchen Editor benutzt du? Der sollte die Datei im UTF-8 Format ohne BOM schreiben, das tut er aktuell nicht.

    ich verwende expression web 2 von MS.

    der ist eig. aktuell. muss ich ihm das wo einstellen oder sollte es das eig. als standart haben?

    EDIT: hab jetzt unter den optionen das Häckchen bei include BOM entfernt. somit sollte das nun passen.
    Aber langsam dreh ich mit dem zeugs hier durch :( jetzt bekomm ich bei allen seiten beim validieren das:


    • No Character Encoding Found! Falling back to UTF-8.
      None of the standards sources gave any information on the character encoding labeling for this document. Without encoding information it is impossible to reliably validate the document. As a fallback solution, the "UTF-8" encoding was used to read the content and attempt to perform the validation, but this is likely to fail for all non-trivial documents.
      Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document.
    • [Blockierte Grafik: http://validator.w3.org/images/info_icons/warning.png] Unable to Determine Parse Mode!
      The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because:

      • the MIME Media Type (text/html) can be used for XML or SGML document types
      • No known Document Type could be detected
      • No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document.
      • No XML namespace (e.g <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">) could be found at the root of the document.


      As a default, the validator is falling back to SGML mode.

    • [Blockierte Grafik: http://validator.w3.org/images/info_icons/info.png] No Character encoding declared at document level
      No character encoding information was found within the document, either in an HTML meta element or an XML declaration. It is often recommended to declare the character encoding in the document itself, especially if there is a chance that the document will be read from or saved to disk, CD, etc.
      See this tutorial on character encoding for techniques and explanations.


    ↑ Top
    Validation Output: 1 Error



    :(( was ist jetzt wieder los :(

    Hab am beginn jedes dokumentes wie vom editor selbst erstellt:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

    und das im head:

    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

    das sollte doch passen oder?

    3 Mal editiert, zuletzt von xmatthias (27. Mai 2010 um 12:36)

    Kann ich dir nicht sagen, so einen Käse benutzte ich nicht. Normalerweise kann man sowas einstellen.

    UPDATE:

    So ich habe nun überall das BOM deaktiviert und siehe da ich hab im validator auch keine fehler oder warnungen mehr, vielen dank für den hilfreichen tip bandit. leider hab ich aber das problem mit dem bild ( das das erste bild 2 mal in der lightbox kommt) noch nicht lösen können :(


    wieso zeigt er mir das erste bild 2 mal, ich checks nicht :( es kann doch nicht sein das es mit den 2 links zusammenhängt? ich habe ja 2 links zu dem selben bild auf der seite, da es einmal möglich sein soll aufs vorschaubild zu klicken und für andere auf den textlink. das muss doch gehen oder?

    lg

    2 Mal editiert, zuletzt von xmatthias (27. Mai 2010 um 13:25)

    Naja ich würde mal sagen weil du es 2mal im Quelltext der Lightbox zum öffnen zuweist ;)

    hy leute, jetzt bin ichs schon wieder. erstmal vielen dank für den tip mit den 2 aufrufen. ich hab jetzt beide sachen (bild und text) in einen hyperlink gepackt (nochmal vielen dank an bandit) und es funktioniert jetzt auch super.

    das problem das ich allerdings jetzt noch habe ist, dass der text sich nicht so formatieren lässt wie ich will. ich habs derzeit so:

    das problem ist jetzt irgendwie das ihm genau: <br class="style5">Fotogalerie</br> das hier egal ist. er formatiert es irgendwie. es wird zwar ein links mit nem hover effekt, aber die schriftart und farbe entsprechen nicht der vorlage in style5. wenn ich das ganze statt <br> in ein <p> packe stimmt zwar die formatierung, aber dafür hab ich keinen hover effekt mehr (man sieht als praktisch) nicht das es sich um einen link handelt.

    warum?

    danke, lg

    Ich würde das ganze sowieso ganz anders strukturieren:

    Und dann bei den Gallery Bildern das style="display:none" entfernen und stattdessen in die CSS-Datei schreiben

    Code
    div#gallery ul#gallery1_pics {
  display:none;
 }

    Auf die Front-Bilder greifst du wie folgt zu:

    Code
    div#gallery ul#gallery_selection li a img {
  ...
 }

    und auf den Text "Fotogalerie" des Front-Bildes wie folgt:

    Code
    div#gallery ul#gallery_selection li a {
  ...
 }
div#gallery ul#gallery_selection li a:hover {
  ...
 }