Author Topic: JavaScript + CSS = Nice Picture Display  (Read 82637 times)

0 Members and 1 Guest are viewing this topic.

Offline mawenzi

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #30 on: June 11, 2008, 04:29:53 PM »
... da gibt es eigentlich nicht viel zum Zusammenfassen ...
... die Einbauanleitung gibt es hier ... http://www.huddletogether.com/projects/lightbox2/#support
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline santadirk

  • Pre-Newbie
  • Posts: 6
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #31 on: June 12, 2008, 09:46:27 AM »
aber dort steht doch nirgends wo ich Änderungen in meiner 4images Gallery durchführen muss??

Dirk

Offline Alessio

  • Jr. Member
  • **
  • Posts: 59
    • View Profile
    • Webax.it [Alessio's photogallery]
Re: JavaScript + CSS = Nice Picture Display
« Reply #32 on: June 16, 2008, 01:22:52 AM »
Hallo zusammen

kann einer noch einmal zusammenfassen in welchen Dateien man Änderungen durchführen muss?
Würde die Lightbox 2 gerne für meine Homepage nutzen aber irgendwie verstehe ich ausser Alessions letzten Beitrag ziemlich wenig

Danke

You have to edit the functions.php file (read my previous message), then follow this instructions http://www.huddletogether.com/projects/lightbox2/ (Part 1 only)
« Last Edit: August 03, 2008, 11:38:12 PM by Alessio »
Alessio
my homepage: http://www.webax.it

Offline Sin Nombre

  • Newbie
  • *
  • Posts: 35
    • View Profile
    • Timewasters
Re: JavaScript + CSS = Nice Picture Display
« Reply #33 on: June 26, 2008, 06:51:12 PM »
i like the premise and i was thinking of implementing it on my website but
my site has 100% .swf flash games, no images. so a slideshow wouldn't be the greatest idea.

...i can imagine someone half way through pacman and another game loads dynamically...

so would there be a way to take off the play button?
and keep it stationary, so it wouldn't automatically load another "image" or in this case flash game?
and possibly add random thumbnails to other games in the same category underneath or along the side?


or am i asking for too much?

Offline GeO3x

  • Newbie
  • *
  • Posts: 15
    • View Profile
    • Photopedia
Re: JavaScript + CSS = Nice Picture Display
« Reply #34 on: July 07, 2008, 10:24:03 AM »
Hi, how can I modify the {image} from details page?...
I want to use the lighbox2 to view the images and I need to put inside the image tag
rel="lightbox[{cat_id}]"

to all the images from that category...

Anyone?

Offline Alessio

  • Jr. Member
  • **
  • Posts: 59
    • View Profile
    • Webax.it [Alessio's photogallery]
Re: JavaScript + CSS = Nice Picture Display
« Reply #35 on: July 28, 2008, 12:02:55 AM »
There was an error in instructions of mine here http://www.4homepages.de/forum/index.php?topic=11115.msg95383#msg95383 but now are ok.
« Last Edit: September 06, 2009, 10:51:34 AM by Alessio »
Alessio
my homepage: http://www.webax.it

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: JavaScript + CSS = Nice Picture Display
« Reply #36 on: October 15, 2008, 10:18:56 AM »
mit der änderung die Alessio eine seite zuvor gepostet hat bekomm ich das ergbnis dass wenn ich auf ein thumbnail klicke, sich die lightbox öffnet. hab ich das richtig verstanden?
wie bekomm ich es jetzt noch hin dass unter jedem thumbnail noch ein link "Detailansicht" steht, damit ich um kommentar zu schreiben auch die möglichkeit habe in die detailansicht zu wechseln?

danke für tipps!

Offline mawenzi

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #37 on: October 15, 2008, 10:35:05 AM »
... in deiner /templates/<dein_template>/thumbnail_bit.html verwende ...
Code: [Select]
Mehr: <a href="{image_url}">Details</a>
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: JavaScript + CSS = Nice Picture Display
« Reply #38 on: October 16, 2008, 12:36:58 AM »
funktioniert bestens mawenzi! dankeschön! 8)

noch ein kleiner tipp falls es sonst noch jemand verwenden möchte: im code von Alessio einfach nach "lightbox" noch ein zusätzlicher wert in eckiger klammer mitgeben. dann muss nicht jedes bild einzeln angeklickt werden sondern es können alle auf dieser seite befindlichen bilder der reihe nach angeschaut werden. als beispiel also wie folgt:

Code: [Select]
if ($show_link) {
    if ($open_window) {
      $thumb = "<a href=\"".$media_src."\" border=\"".$width_height." rel=\"lightbox[4images rockt]\" title=\"".$image_name."\">".$thumb."</a>";
    }
    else {
      $thumb = "<a href=\"".$media_src."\" border=\"".$width_height." rel=\"lightbox[4images rockt]\" title=\"".$image_name."\">".$thumb."</a>";

Offline Vosey09

  • Pre-Newbie
  • Posts: 1
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #39 on: December 14, 2009, 07:12:51 PM »
hi there, gr8 mod.

i am wondering if there is a way to hide the link in the status bar, or make it look hidden in some way.

Offline michisa86888

  • Newbie
  • *
  • Posts: 13
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #40 on: April 18, 2012, 06:57:29 PM »
Hallo,
Ok das mit der functions.php geht klar.
Aber habe keine Ahnung wo ich die Lightbox Links einfügen soll

   

Code: [Select]
<script src="js/jquery-1.7.2.min.js"></script> <script src="js/lightbox.js"></script>

 
Code: [Select]
<link href="css/lightbox.css" rel="stylesheet" />
??

Und in welches Verzeichnis muss ich die Lightbox kopieren? Reicht es wenn ich einen Ordner im Hauptverzeichnis von 4images erstelle ihn Lightbox nenne und dort die dateien reinkopier??

Rembrandt

  • Guest
Re: JavaScript + CSS = Nice Picture Display
« Reply #41 on: April 18, 2012, 09:27:40 PM »
Hi!

Erstelle 2 Ordner in deiner Galerie, "js" im Stammverzeichniss  und den "css" in deinen Template Ordner, die "jquery-1.7.2.min.js" und "lightbox.js" kopierst du in den "js" Ordner, und die "lightbox.css" kopierst du in den "css" Ordner.

suche in deiner templates/header.html:
Code: [Select]
{if has_rss}
und füge darüber ein:
Code: [Select]
<link href="css/lightbox.css" rel="stylesheet" />
<script src="./js/jquery-1.7.2.min.js"></script>
<script src="./js/lightbox.js"></script>

mfg Andi

Offline michisa86888

  • Newbie
  • *
  • Posts: 13
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #42 on: April 30, 2012, 02:10:18 PM »
Ok das mit der Lightbox öffnen funktioniert jetzt einwandfrei. Jetzt will ich nur noch das wenn ich das erste Bild einer Kategorie öffne in der Lightbox selber zwischen den Fotos hin und her klicken kann. (Eventuell links rechts "Pfleile Buttons")
Wie bekomme ich dass dann noch hin?
Ist vielleicht auch noch eine Diashow möglich?