ilch Forum » Allgemein » HTML, PHP, SQL,... » Lighbox - wie installieren??

Geschlossen
  1. Fr. 19.03.2010 03:37 Uhr #1
    User Pic
    ModeCat Mitglied
    Registriert seit
    27.07.2009
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Hab mir nach Rat die Lighbox geholt.
    Leider ist die ganze beschreibung englisch -.-

    Anscheinend soll man irgendwelche codes irgendwo im html text einfügen.
    Aber ich weis leider nicht wo, weil ich html bewandert nicht wirklich bin..

    diese zeilen?
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>

    Hier ist mein Code


    Wo muss ich denn das jetzt einbasteln?

    ZitatZitat
    Part 1 - Setup

    1. Lightbox v2.0 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header.

    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>

    2. Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).

    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

    3. Check the CSS and make sure the referenced prevlabel.gif and nextlabel.gif files are in the right location. Also, make sure the loading.gif and closelabel.gif files as referenced near the top of the lightbox.js file are in the right location.

    Part 2 - Activate

    1. Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example:

    <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

    Optional: Use the title attribute if you want to show a caption.
    2. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

    No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!


    Wenn mir das jemand machen könnte wär ich sehr verbunden. Wars eigntl gewohnt das ich das BAM im Modul habe. >.<

    Danke im vorraus.


    verwendete ilchClan Version: 1.1 N

    betroffene Homepage: externer Link
    Florensia - Erwarte das Abenteuer
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 19.03.2010 08:35 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Naja du hast dir ja das Modul für die Usergallery runtergeladen nehm ich an, für die Gallery gibts aber wenigstens Anleitungen.

    www.ilch.de/forum-showposts-20803-p1.html#135491

    Wenn du davon etwas nicht verstehst, kannst du dich ja nochmal melden aber im Grunde sind ja nur 2 leicht zu machende Änderungen, du musst halt zum einen auf die Pfadangaben schauen, da du die Dateien ja schon hochgeladen hast (durch das Usergallerymodul?) und in deiner index.htm über Zeile 16 einfügen, und die andere Änderung wie beschrieben.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 19.03.2010 11:21 Uhr #3
    User Pic
    ModeCat Mitglied
    Registriert seit
    27.07.2009
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Ach gibts für die normale Gallery ein seperates Modul? *Verwirrt bin*

    Ich guck das Später mal durch, muss jetzt erst auf arbeit. Sollte es nicht klappen, melde ich mich nochmal. Danke erstmal. lächeln
    Florensia - Erwarte das Abenteuer
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 19.03.2010 11:28 Uhr #4
    User Pic
    Nano.v1 Hall Of Fame
    Registriert seit
    14.02.2009
    Beiträge
    896
    Beitragswertungen
    0 Beitragspunkte
    schau dir das hier mal an, da ist die lightbox drin:

    aura.ilch-demo.de/index.php?gallery
    Kein Support ausserhalb dieses Forum, es sei denn ich biete es selbst an, und das passiert ....?!

    Nano´s Ilch-Seite
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 19.03.2010 11:28 Uhr #5
    User Pic
    Nano.v1 Hall Of Fame
    Registriert seit
    14.02.2009
    Beiträge
    896
    Beitragswertungen
    0 Beitragspunkte
    das ganze funktioniert via admincenter wie gehabt
    Kein Support ausserhalb dieses Forum, es sei denn ich biete es selbst an, und das passiert ....?!

    Nano´s Ilch-Seite
    0 Mitglieder finden den Beitrag gut.
  6. Fr. 19.03.2010 16:49 Uhr #6
    User Pic
    ModeCat Mitglied
    Registriert seit
    27.07.2009
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Im Admincenter ist aber nichts....
    Florensia - Erwarte das Abenteuer
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 19.03.2010 17:10 Uhr #7
    User Pic
    ModeCat Mitglied
    Registriert seit
    27.07.2009
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Mairu

    Naja du hast dir ja das Modul für die Usergallery runtergeladen nehm ich an, für die Gallery gibts aber wenigstens Anleitungen.

    externer Link

    Wenn du davon etwas nicht verstehst, kannst du dich ja nochmal melden aber im Grunde sind ja nur 2 leicht zu machende Änderungen, du musst halt zum einen auf die Pfadangaben schauen, da du die Dateien ja schon hochgeladen hast (durch das Usergallerymodul?) und in deiner index.htm über Zeile 16 einfügen, und die andere Änderung wie beschrieben.


    Hab die bilder raus. Diese gallery_show so geändert wies da stand (Pfade wusst ich nix, also hab ich das frei raus kopiert)

    Bei der index.html weis ich gleich garnichts wegen zeile und was überhaupt da rein muss. Bin wie gesagt da nicht so bewandert & bisher waren nach meinen html experimenten meine seiten jedesmal vollkommen im Ar***..

    Hier meine aktuelle index


    Und da die Gallery_Show wo ich das eingefügt habe.



    Also ich kapier das leider absolut nicht. =((

    Kannst ja mal auf meiner site gucken nochmal, wie es jetzt mit neu angelegter gallery nach der änderung... Das sieht einfach nich aus wie es soll...

    Könntest du mir das vielleicht direkt machen? Gern auch via icq oder so:

    451-658-434 (Bin aber erst später erreichbar)

    Ich wär dir wirklich verbunden :s
    Kann auch gerne eine gegenleistung erbringen. Sei's ein Partnerbanner auf meiner Site etc.
    Das mit der Gallery ist mir echt sehr wichtig, das dass gut aussieht.
    Herzlichen Dank im vorraus.
    Florensia - Erwarte das Abenteuer
    0 Mitglieder finden den Beitrag gut.
  8. So. 21.03.2010 09:01 Uhr #8
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Hier nur der Anfang der index.htm, alles darunter bleibt gleich.
    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
      <head>
        <title>ModeCat Deluxé</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta name="Robots" content="INDEX,FOLLOW">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="Pragma" content="no-cache">
        <meta name="Robots" content="archive">
        <link rel="stylesheet" type="text/css" href="include/designs/order/style.css">
        <style type="text/css">
    <!--
    .Stil1 {color: #FFFFFF}
    -->
        </style>
    <script type="text/javascript" src="include/includes/js/prototype.js"></script>
    <script type="text/javascript" src="include/includes/js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="include/includes/js/lightbox.js"></script>
    <link rel="stylesheet" href="include/includescss/lightbox.css" type="text/css" media="screen" />
    </head>
    <body>


    Wie du sehen kannst, habe ich die Pfadangaben geändert (bei src Angaben zum Schluss des Codes), ob sie so stimmen, muss du überprüfen (also wo die Dateien auf deinem FTP sind, die Pfade werden immer von der index.php aus gesehen, include ist halt der erste Ordner usw.

    Weiter musst du die include/templates/gallery.htm ändern, folgende Zeile muss angepasst werden
    ?
    1
    <td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title="&nbsp;" /></a></td>
    , nach der Anpassung sollte sie so aussehen
    ?
    1
    <td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[gallery]"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title="&nbsp;" /></a></td>
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  9. Mi. 24.03.2010 01:00 Uhr #9
    User Pic
    ModeCat Mitglied
    Registriert seit
    27.07.2009
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Habs so gemacht jetzt, aber leider, wie man sichs ansehen kann geht es nicht. :'(
    Florensia - Erwarte das Abenteuer
    0 Mitglieder finden den Beitrag gut.
  10. Fr. 26.03.2010 09:05 Uhr #10
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Es war eine Annahme von mir, dass die Dateien dort liegen (Javascript von der Lightbox) allerdings, ist es nicht der Fall -> www.modecat.de/include/includes/js/lightbox.js

    Du kannst die Dateien also per FTP dahin schieben.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  11. So. 28.03.2010 21:28 Uhr #11
    User Pic
    ModeCat Mitglied
    Registriert seit
    27.07.2009
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Irgendwas stimmt da immer noch nicht.
    Jetzt hab ich diese js sachen in js geladen und nun zeigts bei klick das bild irgendwo 5 meter weiter unten in der seite an.

    Was mach ich denn nur falsch????
    Wieso gibts nich einfach so ein Gallery tool das EINFACH zu installieren ist UND funktioniert? *verzweifel*

    Kann mir vielleicht jemand via ICQ/Ts helfen? Das muss doch gehen das dumme teil oder dummes ich >.<
    Florensia - Erwarte das Abenteuer
    0 Mitglieder finden den Beitrag gut.
  12. So. 28.03.2010 22:13 Uhr #12
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Jetzt fehlt nur noch die www.modecat.de/include/includescss/lightbox.css bzw eigentlich sollte es www.modecat.de/include/includes/css/lightbox.css sein, also css als eigener Ordner im includes Ordner, ich hab mich da aber oben verschrieben (Zeile 19 bei der index.htm) du kannst also jetzt selbst entscheiden, wie du es machst, ob es mit in den js Ordner soll, oder ein neuer css Ordner auf jeden Fall musst du die Zeile 19 entsprechend anpassen und die lightbox.css hochladen.


    Zuletzt modifiziert von Mairu am 28.03.2010 - 22:15:53
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  13. Do. 01.04.2010 16:34 Uhr #13
    User Pic
    ModeCat Mitglied
    Registriert seit
    27.07.2009
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Jaaaa, es funktioniert. Danke lachen
    Florensia - Erwarte das Abenteuer
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten