ilch Forum » Allgemein » HTML, PHP, SQL,... » Lightbox 2.0 js in der bilder gallery

Geschlossen
  1. #1
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    Und zwar hab ich durch zufall lightbox 2 gefunden
    externer Link

    es ist ein java script das die Bilder in der Gallery wie ein Flash movie ein Blendet, das heißt ich click auf's Bild dann wird über die ganze seite ein leichte weise transparenz gezogen und in der mitte kommt das gewählte bild.
    Ich würde es gern einfügen auf meine homepage aber das problem ist das er mir die gallery_show.php anzeigt wenn ich aufs bild thumbnail clicke. Auf dem link den ich oben hab ist nicht nur das script zum loaden sonder auch eine anleitung allerdings wüsste ich mit der es nur eine html seite einzufügen. Vielleicht kann jemand von euch mir erklären wie ich das script installieren muss damit es mit ilch funktioniert.


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ich würde jetzt einfach mal behaupten, dafür müsste man die Gallery neu schreiben, also zumindest den Contentteil.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    nein muss man nicht... wenn du die Lightbox wie hier beschrieben ( externer Link ) ohne oder mit BBcode funktion hochgeladen hast, musst du einfach nur in deiner gallery_show.htm
    <a href="index.php?gallery-showOrig-{id}-{endung}" onClick="return openWindow();" target="_blank">

    durch:
    <a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox">

    ersetzten...
    Und zuletzt nonch in den <head>-Tag folgendes einfügen (natürlich die Pfade anpassen):
    <script type="text/javascript" src="include/includes/js/js/prototype.js"></script>
    <script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="include/includes/js/js/lightbox.js"></script>
    <link rel="stylesheet" href="include/includes/js/css/lightbox.css" type="text/css" media="screen" />
    Dann sollte es funktionieren...
    Zum Test siehe hier: externer Link

    also einfach dann auf das Bild klicken.


    Zuletzt modifiziert von Moniwoll am 30.05.2007 - 19:15:14
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    Theoritisch müsste es doch gehen die gallery so zu scripten das das bild anstatt gallery show die lightbox öffnet. Normaler weise kenn ich es so das in der php der galleri die bilder aufgelisstet sind und das nach jedem einzelnen bild dann ein href mit dem bild betrachter ist das müsste dann die gallery show php sein.
    Allerdings hab ich die bild auflistung nicht in der galleri.php gefunden kann es sein das die bilder in einer extra php sind und wenn ja ist der code um die galleri show zu öffnen auf der homepage, auch in dieser extra php (so nenne ich sie jetzt einfach mal).
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    Ach das ist der hammer danke echt vielen Dank!!!
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    Verdammt ich hab ein kleines prob. ich hab alles gemacht wie beschrieben wenn ich jetzt die hp. öffne kommt :

    Parse error: syntax error, unexpected '"' in /include/includes/class/bbcode.php on line 280

    in der zeile steht:

    $image = "<a href="".$string."" rel="lightbox"><img src="".$string."" style=" max-width:".$this->info['ScreenMaxBreite']."px;" max-height:".$this->info['ScreenMaxHoehe']."px;" alt="" title="" border="0"></a>";


    was ist da falsch??

    mfg chris


    Zuletzt modifiziert von 87design am 30.05.2007 - 20:33:11
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    ich würde es gerne so haben das die anzeige schon kommt wenn man auf das thubnail klickt sprich ohne das fenster zum Voten wo muss ich da den code einfügen??
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    ist irgendwo ein syntax fehler in der zeile untersuche sie auch gerade
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    Ich hab schon alles durch geguckt aber nicht's gefunden.
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    ich würd sagen, du hast manchmal zuviele " benutzt...
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    wie meinst du das jetzt?
    Versteh nur Bahnhof
    5min...
    Aso000 zug ist angekommen:)

    Aber das war es auch nicht:'(


    Zuletzt modifiziert von 87design am 30.05.2007 - 21:51:31
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    wenn du die lösung hast bitte schreiben..... zwinker ich schau auch noch mal
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    ich habe sie^^ Diese shice Backups löschen doch glatt die \ raus -.-... so sollte die Zeile aussehen:
    //> Screenshots darstellen.
            function _screenshot($string) {
                                    $image = "<a href=\"".$string."\" rel=\"lightbox\"><img src=\"".$string."\" style=\" max-width:".$this->info['ScreenMaxBreite']."px;\" max-height:".$this->info['ScreenMaxHoehe']."px;\" alt=\"\" title=\"\" border=\"0\"></a>";
            
                    return $image;
            }


    ist auf HighRise auch noch einmal gemacht^^
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    hmmm jo tausend dank dafür der syntax fehler nicht mehr da ist aber trotzdem zeigt er noch immer die alte galleri show an
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    musst du auch abspeichern und so machen wie ich es gesagt habe
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    wenn ich auf das thubnail klicke kommt das normale bild hoch mit dem voting..... wenn ich jetzt nochmal draufklicke verschwindet alles bis auf das Bild in der gleichen grösse
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    So ich habs jetzt;) und zwar für die, die Lithebox für die user Gallery
    einstellen möchten müssen diesen

    <a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox">


    nicht in die Gallery_show.htm einfügen sonder in die Gallery.htm

    Das wars na gut haut rein ich hab mich lange genug damit rumgeschlagen ich wünsch euch viel noch Spaß . Und ich geh jetzt erst mal ein trinken Drink lächeln


    Zuletzt modifiziert von 87design am 30.05.2007 - 23:26:26
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    bei mir geht es nun auch allerdings mit ein paar kleinen einschränkungen

    Mozilla Browser: das erste Bild manchmal auch noch das 2te bild wird OHNE lightbox angezeigt sondern ganz normal im gleichen Fenster. wenn ich dann im Browser auf "eine seite zurück Button " klicke funktioniert auf einmal alles auch die bilder die vorher nicht gingen.

    Internet Explorer: Kein Bild Funktioniert Mann muss den IE Cache leeren danach gehen alle bilder. Sobald ich aber diese Seite verlasse oder in ein untermenüwechsel geht es wieder nicht. Um den effekt wieder zu haben muss ich den Cache wieder leeren.

    Ich hoffe es kann einer Helfen


    Zuletzt modifiziert von lordrepha am 31.05.2007 - 00:47:05
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    boze Mitglied
    Registriert seit
    05.01.2007
    Beiträge
    133
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von 87design

    Und zwar hab ich durch zufall lightbox 2 gefunden
    huddletogether.com/projects/lightbox2/


    my idea .... externer Link

    ZitatZitat geschrieben von lordrepha

    ich würde es gerne so haben das die anzeige schon kommt wenn man auf das thubnail klickt sprich ohne das fenster zum Voten wo muss ich da den code einfügen??



    Genau das ist das, was ich will! zwinker ... Das was ihr hier gelöst habt ist ja schwachsinn?! ... ^^


    Zuletzt modifiziert von boze am 31.05.2007 - 11:58:26
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    87design Mitglied
    Registriert seit
    30.05.2007
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    @boze um es nach dem clicken des thumbnail zu öffnen musst du es so machen wie ich es hier beschrieben habe die Gallery.htm findest du unter template

    [quote=87design]
    So ich habs jetzt;) und zwar für die, die Lithebox für die user Gallery
    einstellen möchten, müssen diesen
    <a href="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank">


    durch diesen ersetzen (tipp alten code hier markieren und kopieren danach gallery.htm mit wordpad oder ... öffnen Strg + F Drücken für die such funktion das makierte einfügen in die Such leiste und mit dem unten folgenden coder ersetze

    <a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox">


    nicht in die Gallery_show.htm einfügen sonder in die Gallery.htm

    Das wars na gut haut rein ich hab mich lange genug damit rumgeschlagen ich wünsch euch viel noch Spaß . Und ich geh jetzt erst mal ein trinken Drink lächeln


    Zuletzt modifiziert von 87design am 31.05.2007 - 15:33:27
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    bei mir ghet es nun auch der fehler leigt teilweise darin das man die seite Vollständig geladen haben muss damit die Funktion ghet...

    werde versuchen das nun auch ins forum und in die news einzubauen...
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    für Hilfe wäre ich aber trotzdem dankbar.....
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    WOFÜR den da einbauen? für Screenshots (über BBcode?)
    0 Mitglieder finden den Beitrag gut.
  24. #24
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    genau dafür.....
    0 Mitglieder finden den Beitrag gut.
  25. #25
    User Pic
    BadAndy Mitglied
    Registriert seit
    04.09.2006
    Beiträge
    33
    Beitragswertungen
    0 Beitragspunkte
    Finde denn Code, denn ich durch diesen :

    <a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox">

    ersetzen muss irgendwie nicht bei mir in der gallery_show.htm.

    In welcher Zeile liegt er denn in etwa?

    Ist das dann zugleich in der Usergallery sowie in der Allgemeinen Gallery?

    Wäre dankbar über eine Antwort und Hilfe!
    Ihr wollt eine kostenlose PS3?
    ps3.freetoy.de/?cid=8523
    0 Mitglieder finden den Beitrag gut.
  26. #26
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    Zeile 76 ist der code

    um es in der user Gallerie zu ändern musst du unter inclode/templates/user/ gallery.htm ändern

    um es inder allgemeinen gallerie einzubauen einfach include/templates/gallery.htm
    0 Mitglieder finden den Beitrag gut.
  27. #27
    User Pic
    BadAndy Mitglied
    Registriert seit
    04.09.2006
    Beiträge
    33
    Beitragswertungen
    0 Beitragspunkte
    Und Ihr seid euch sicher,das es dieser Befehl :
    <a href="index.php?gallery-showOrig-{id}-{endung}" onClick="return openWindow();" target="_blank">
    ist, der in der gallery.htm und in der user/gallery.htm geändert werden muss?
    Finde denn irgendwie nicht bei mir in Zeile 76.

    :-(

    Kann mir da jemand nochmal Hilfestellung geben?

    Danke
    Ihr wollt eine kostenlose PS3?
    ps3.freetoy.de/?cid=8523
    0 Mitglieder finden den Beitrag gut.
  28. #28
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    klar poste den code hier
    0 Mitglieder finden den Beitrag gut.
  29. #29
    User Pic
    BadAndy Mitglied
    Registriert seit
    04.09.2006
    Beiträge
    33
    Beitragswertungen
    0 Beitragspunkte
    welche Codes brauchst denn dann alles?
    gallery.htm? ... ?
    Was muss ich denn genau in der lightbox.php ändern?
    Danke für deine Hifsbereitschaft.


    Zuletzt modifiziert von BadAndy am 01.06.2007 - 19:02:44
    Ihr wollt eine kostenlose PS3?
    ps3.freetoy.de/?cid=8523
    0 Mitglieder finden den Beitrag gut.
  30. #30
    User Pic
    BadAndy Mitglied
    Registriert seit
    04.09.2006
    Beiträge
    33
    Beitragswertungen
    0 Beitragspunkte
    ?
    Ihr wollt eine kostenlose PS3?
    ps3.freetoy.de/?cid=8523
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten