Welcome, Guest. Please login or register.
Did you miss your activation email?
February 12, 2012, 08:35:56 AM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
149626 Posts in 21098 Topics by 7537 Members
Latest Member: lotte2
* Home Help Search Login Register
Pages: 1 ... 4 5 [6] 7   Go Down
Print
Author Topic: New Image Gallery  (Read 44986 times)
ruebenwurzel
WebsiteBaker Org e.V.

Offline Offline

Posts: 7660



WWW
« Reply #125 on: October 19, 2008, 02:20:39 PM »
Hello,

Quote
the thumbnails layout goes mad when the user mouses over the thumbnails

In the css file of the image gallery there is no css for hover effect. This definately comes from the template css.

One question at least, the frontend.css from the Image gallery is included in the header of your template or not?

For to get the frontend.css displayed in the header of your template there should be the following lines:

Code:
<?php
// this allows to include the optional module files (frontend.css, frontend.js) into the head section
if(function_exists('register_frontend_modfiles')) {
  register_frontend_modfiles('css');
  register_frontend_modfiles('js');
} ?>

Matthias
Logged
pszilard

Offline Offline

Posts: 73


WWW
« Reply #126 on: October 19, 2008, 11:32:22 PM »
Hi Matthias,

The template I am using is LazyDays. It has three CSS files:

  • html.css
  • layout.css
  • print.css

None of them have "frontend" mentioned in them. I tried adding the code you suggested

Code:
<?php
// this allows to include the optional module files (frontend.css, frontend.js) into the head section
if(function_exists('register_frontend_modfiles')) {
  register_frontend_modfiles('css');
  register_frontend_modfiles('js');
} ?>

to the end of layout.css and html.css but it made no difference Sad  Then I thought, I should add it to the template index.php in the <head> section, so I took them out of the css files and added to index.php, but still no change.

Please give me exact instructions. Perhaps you might like to try the Another Image Gallery yourself and see what I mean.
Here is the link to the site I am working on. LINK.

Here is a screen capture, showing the bad repositioning of the thumbnails:



The page has two Sections; the top is a WYSYWIG, showing a single image and underneath is the Image Gallery with thumbnails.

Thanks.
Logged
Paul Szilard
WB user since Dec 2007:
http://www.remektek.com.au/wb
http://photos.remektek.com.au/ for my photo portfolio
vyni

Offline Offline

Posts: 566
« Reply #127 on: October 20, 2008, 01:03:56 AM »
Hi, pszilard!

There is a small but determinig missunderstanding.

The code which Matthias posted must be in the index.php of Your template. Have a look if You find it. If not, insert it like in the code below:
Code:
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.8)" />
<link href="<?php echo TEMPLATE_DIR; ?>/html.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo TEMPLATE_DIR; ?>/layout.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo TEMPLATE_DIR; ?>/print.css" rel="stylesheet" type="text/css" media="print" />
<?php 

// this allows to add custom information to the head section of your template (WB-->Settings-->Website Header)
echo WEBSITE_HEADER; 
?>

<?php
if(function_exists('register_frontend_modfiles')) {
  register_frontend_modfiles('css');
  register_frontend_modfiles('js');
} ?>

</head>
of course, this is also not the complete page-header, just to show where this code could be found. - Now You get the frontend.css (which is saved innert any module-directory) loaded on page-loading. This frontend.css is loaded for editing, whenever You click the edit_css-Button in the Admin-Panel of the desired module.

The more comfortable way to manage the css is: open the frontend.css from the module-directory, cut everything and paste it in Your layout.css. Than save the empty frontend.css. Make sure all classes and id´s in Your layout.css AND in html.css are unique. Now save the layout.css !
From now You have all classes for Your template and the module in layout.css (exept them in html.css) and You can edit only one file.
For testing and playing around, now You can make a quick edit in module by clicking the edit_css-Button (opening the frontend.css, which is empty now) and insert the class You want to edit. And because it will be loaded after the layout.css changes will take effekt immediatly without affekting the layout.css. Once You are satisfied start over and transfer the changes to layout.css and empty frontend.css again.
In the end of all the changes You need to copy the edited classes to Your print.css and check/edit them there again until the printed page looks like You want it. - This is similar to the layout.css which "prints" to the screen, but You could set menu to visibility:hidden , setting different colors, and so on.
And if You want it almost perfect: copy some classes and settings to annother file, to editor.css
Herein define the width, background, color, h1 - h6 and so on. Than the editor in the Admin-panel will display all things accordingly to the frontend.

Hopefully this makes things clear now.
If I wrote something strange, forgive, I AM strange!  grin

regards from Himberg, almost Vienna

For Your succesfull editing start with the classes shown in the info_css.text. You need to synchronize...
« Last Edit: October 20, 2008, 01:16:52 AM by vyni » Logged
PS: Falls jemand eine Idee hat was zu tun ist und mir das erklären könnt - geh bitte davon aus dass ich ahnungslos bin, was php und so betrifft. Ich kann grad was lesen, kopieren und einfügen,  ungefähr verfolgen und glauben.
pszilard

Offline Offline

Posts: 73


WWW
« Reply #128 on: October 20, 2008, 07:43:44 AM »
Thanks. I had to install the "TemplateEdit" module as it was not installed by default.

You highlighted something important: the css precedence! When I switch the site template to something else, the problem vanishes! So this tells me that the problem is something in the template css, - probably to do with HOVER.

I am continuing my quest to fix it...
Logged
Paul Szilard
WB user since Dec 2007:
http://www.remektek.com.au/wb
http://photos.remektek.com.au/ for my photo portfolio
Chaploo
Guest
« Reply #129 on: October 20, 2008, 08:32:29 PM »
Hallo,

erstmal danke für dieses wirklich schöne und sehr nützliche Galeriemodul!

Ich hab nur ein - für viele hier wahrscheinlich winziges - Problem bei der Darstellung: Ich möchte gerne, dass die Seitenzahlen unter und nicht über den Thumbnails angezeigt werden und die Thumbs sollen oben bündig starten. Hab jetzt schon verschiedenes in der view.php ausprobiert (BTW vielen Dank an die Erfinder des module_edit-Moduls!!!), leider alles erfolglos. Meine PHP-Kenntnisse sind halt doch arg begrenzt.  sad
Ist die view.php überhaupt der richtige Ansatzpunkt?

Also, konkret soll das so aussehen, dass nur ein Thumbnail (geht ja via Admin einzustellen) gezeigt wird und die pagenumbers direkt darunter stehen sollen.

Vielen Dank für Tipps und Hilfe,
Grüße
Jochen

Aaaah, sorry, forgot to write in English ...

I have a small problem with the layout of the module. I would want the pagenumbers to be displayed under instead of above the thumbnail pics. I think the view.php could be the right file to edit this, but I couldn't get the way I wanted it to be, my php knowledge is really bad ...  sad

So, this is the way I want it to look like: One thumbnail only and very close under it the line with the pagenumbers.

Thanks in advance for your help,
regards
Jochen
« Last Edit: October 20, 2008, 08:36:10 PM by Chaploo » Logged
pszilard

Offline Offline

Posts: 73


WWW
« Reply #130 on: October 20, 2008, 10:08:08 PM »
Quote from: vyni on October 20, 2008, 01:03:56 AM
Snip...
For Your successful editing start with the classes shown in the info_css.text. You need to synchronize...

What am I to do with the info_css you kindly supplied? Do I merge it with one of the existing css files???

Cheers,
Logged
Paul Szilard
WB user since Dec 2007:
http://www.remektek.com.au/wb
http://photos.remektek.com.au/ for my photo portfolio
pszilard

Offline Offline

Posts: 73


WWW
« Reply #131 on: October 20, 2008, 10:19:03 PM »
Well, I've just removed the hover definitions in html.css and that had stopped the "bad" behavior. It also stopped the indicator for mouse over, but I can live with that Smiley

Many thanks.
Logged
Paul Szilard
WB user since Dec 2007:
http://www.remektek.com.au/wb
http://photos.remektek.com.au/ for my photo portfolio
vyni

Offline Offline

Posts: 566
« Reply #132 on: October 20, 2008, 10:20:40 PM »
Hi You,

this is the part which is responsible for Your troubles.

Edit this, the header gives You the information in which file, untilo You are satidfied.


cheers
Logged
PS: Falls jemand eine Idee hat was zu tun ist und mir das erklären könnt - geh bitte davon aus dass ich ahnungslos bin, was php und so betrifft. Ich kann grad was lesen, kopieren und einfügen,  ungefähr verfolgen und glauben.
pszilard

Offline Offline

Posts: 73


WWW
« Reply #133 on: October 20, 2008, 10:24:20 PM »
I noticed that anyone who is not logged in can still access all the css files, just by putting in their url, like:

http://www.captaindevelopments.com.au/modules/imagegallery/frontend.css

Is this normal and safe? I would have thought that this should be not allowed. Any comments?
Logged
Paul Szilard
WB user since Dec 2007:
http://www.remektek.com.au/wb
http://photos.remektek.com.au/ for my photo portfolio
vyni

Offline Offline

Posts: 566
« Reply #134 on: October 20, 2008, 10:27:32 PM »
It´s no problem

He can read it - but no more.


cheers
Logged
PS: Falls jemand eine Idee hat was zu tun ist und mir das erklären könnt - geh bitte davon aus dass ich ahnungslos bin, was php und so betrifft. Ich kann grad was lesen, kopieren und einfügen,  ungefähr verfolgen und glauben.
pszilard

Offline Offline

Posts: 73


WWW
« Reply #135 on: October 20, 2008, 10:32:14 PM »
Well, I have narrowed down the problem area. If I delete this, then things work ok, but if I put it back they don't.

html.css

Code:
a:hover img { 
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 2px solid #FFF !important;
  border: 2px solid #8BE6FA;
}

I would love to know why, and even better: what to edit to make it work ok. For the moment I just run without this...
Logged
Paul Szilard
WB user since Dec 2007:
http://www.remektek.com.au/wb
http://photos.remektek.com.au/ for my photo portfolio
vyni

Offline Offline

Posts: 566
« Reply #136 on: October 20, 2008, 10:41:41 PM »
So You found the right lines.

There it is written, on mouse over add a border of 2 pixels - in fact the picture itself grows 4px in width and 4px in height.

Add to
a img {
  border: 2px solid #FFF !important;
  border: 2px solid #FFF;
.....

instead of #FFF you can choose any color in format #880044 or even in some fixed words, like white or red or blue
Now the pics are always similar sized. And if they break the line, just reduce the width and height, or expand the content.

Than You are done

PS: if You have a statement like a:active img   or  any other a img  add the same lines there, just different colors.
« Last Edit: October 20, 2008, 10:44:00 PM by vyni » Logged
PS: Falls jemand eine Idee hat was zu tun ist und mir das erklären könnt - geh bitte davon aus dass ich ahnungslos bin, was php und so betrifft. Ich kann grad was lesen, kopieren und einfügen,  ungefähr verfolgen und glauben.
Ruud
Board member
WebsiteBaker Org e.V.

Offline Offline

Posts: 2093



WWW
« Reply #137 on: October 20, 2008, 10:47:24 PM »
Quote from: pszilard on October 20, 2008, 10:32:14 PM
I would love to know why, and even better: what to edit to make it work ok. For the moment I just run without this...

Your html.css sets a 2px border for images with a link..
Next in your frontend.css there are settings for picturelink img and picture img that set the image border to none.
The hover rule in html.css sets it to 2px again. That makes the jumping images.

Solution: remove the 2 settings from the frontend.css.

Ruud
Logged
Professional WebsiteBaker Developer
vyni

Offline Offline

Posts: 566
« Reply #138 on: October 20, 2008, 10:48:08 PM »
You should read some documentation concerning CSS, than You will know and understand what You are doing and why something works like it does - or even not.

Google for it, You will find a lot of tutorials with online-examples for understanding.
Logged
PS: Falls jemand eine Idee hat was zu tun ist und mir das erklären könnt - geh bitte davon aus dass ich ahnungslos bin, was php und so betrifft. Ich kann grad was lesen, kopieren und einfügen,  ungefähr verfolgen und glauben.
pszilard

Offline Offline

Posts: 73


WWW
« Reply #139 on: October 25, 2008, 08:51:32 AM »
Hi Vyni and Ruud for all your help. Much appreciated.  grin
Logged
Paul Szilard
WB user since Dec 2007:
http://www.remektek.com.au/wb
http://photos.remektek.com.au/ for my photo portfolio
amitmalka

Offline Offline

Posts: 28
« Reply #140 on: November 28, 2008, 02:18:19 PM »
i need two things to change someone can change this:


1.open new catgory

2.put a title under the picture not like know that i see the name

for exmple like know i see:101.png


help me please
Logged
ffenton

Offline Offline

Posts: 12
« Reply #141 on: January 15, 2009, 06:52:32 PM »
Is there something in this module that prevents chmod of files?
I can chmod files of other modules but not this one. I want to edit view.php directly and so need to chmod permissions.
Logged
brounou

Offline Offline

Posts: 1
« Reply #142 on: February 05, 2009, 11:46:05 AM »
Hello,


Has someone maybe added prev-next links/buttons on the first page of the gallery view where the page numbers appear ?

I need to show 1 picture per page with prev-next and the page numbers, but can't find a working solution, and my php knwoledge is basic, to say the least...


Thanks in advance for your help.

Regards,

Bruno
Logged
erpe

Offline Offline

Posts: 2077


WWW
« Reply #143 on: February 05, 2009, 11:57:03 AM »
Hello,

maybe you want to use another gallery, that owns these functions, for example the Lightbox2.

rgds

erpe
« Last Edit: February 05, 2009, 12:00:08 PM by erpe » Logged
stories about
be part of the Tutorials-Project
visit the jQuery-Showroom
ac1d

Offline Offline

Posts: 1
« Reply #144 on: May 02, 2009, 02:39:02 PM »
Hi!

I got problem with every gallery i install to my WB. The installation ends successfull and then when i make gallery section it stll goes ok and when I try to save settings it gives me error...

Code:
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request

I don't know what is wrong.. maby i must change some CHMODs? But witchone?

thx for answear.
Logged
terri

Offline Offline

Posts: 1
« Reply #145 on: July 02, 2009, 10:27:35 AM »
Here's Finnish translation of "Another Image Gallery". Rename to FI.php and copy to /modules/imagegallery/languages/

Code:
<?php
/*

 WebsiteBaker Project <http://www.websitebaker.org/>
 Copyright (C) 2004-2008, Ryan Djurovich

 WebsiteBaker is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 WebsiteBaker is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with websitebaker; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/

//Modul Description
$module_description = 'Voit helposti lisätä kotisivullesi kuvagallerian "galerie.php"-skriptillä - tekijä: Daniel Wacker &lt;daniel.wacker@web.de&gt;.';

//Variables for the Frontend
$MOD_IMAGEGALLERY['TITLE'] = 'Kuvagalleria';
$MOD_IMAGEGALLERY['PREVIOUS'] = 'Edellinen';
$MOD_IMAGEGALLERY['NEXT']    = 'Seuraava';
$MOD_IMAGEGALLERY['OVERVIEW']    = 'Galleria';

//Variables for the Backend
$MOD_IMAGEGALLERY['MAIN_SETTINGS'] = 'Kuvagallerian asetukset';
$MOD_IMAGEGALLERY['PICDIR'] = 'Gallerian hakemisto';
$MOD_IMAGEGALLERY['INCLUDE_SUBDIRS'] = 'Näytä myös alihakemistot';
$MOD_IMAGEGALLERY['THUMBDIR'] = 'Esikatselukuvien hakemisto';
$MOD_IMAGEGALLERY['MAXPICS'] = 'Esikatselukuvia sivulla';
$MOD_IMAGEGALLERY['THUMBS_BACKGROUND'] = 'Esikatselukuvien taustaväri';
$MOD_IMAGEGALLERY['THUMBSIZE'] = 'Esikatselukuvien koko';
$MOD_IMAGEGALLERY['MAXWIDTH']    = 'Esikatselusivun suurin leveys';
$MOD_IMAGEGALLERY['SHOW_TITLE'] = "Näytä otsikko '".$MOD_IMAGEGALLERY['TITLE']."'";
$MOD_IMAGEGALLERY['SHOW_FILE_NAMES'] = 'Näytä tiedoston nimi';
$MOD_IMAGEGALLERY['SHOW_ORIGINAL'] = 'Lisää linkki alkuperäiseen kuvaan';
$MOD_IMAGEGALLERY['SHOW_TEXTLINK'] = 'Näytä navigointi tekstilinkkeinä';

//Variables for Error messages
$MOD_IMAGEGALLERY['words']['error'] = 'Virhe';
$MOD_IMAGEGALLERY['words']['php_error'] = 'PHP >= 4.1 vaaditaan.';
$MOD_IMAGEGALLERY['words']['gd_error'] = 'GD Library vaaditan (http://www.boutell.com/gd/).';
$MOD_IMAGEGALLERY['words']['jpg_error'] = 'JPEG ohjelmisto vaaditaan (ftp://ftp.uu.net/graphics/jpeg/).';
$MOD_IMAGEGALLERY['words']['mkdir_error'] = 'Tähän hakemistoon tarvitaan kirjoitusoikeudet.';
$MOD_IMAGEGALLERY['words']['opendir_error'] = 'Hakemistoa "%1" ei voida lukea.';
?>
Logged
pille

Offline Offline

Posts: 12
« Reply #146 on: January 20, 2010, 10:05:15 AM »
is already a proper viewer included like lightbox.
the function of the module is brilliant just how the pics are shown by click is s***.
Logged
mr-fan

Offline Offline

Posts: 1538


WWW
« Reply #147 on: January 20, 2010, 11:08:45 AM »
if you edit the view.php and set the right CSS classes and load some lightboxscripts in the frontend you can get a real good output...

i look if i find a example onone of my testservers and post it here - but maybe i find the time for this first until next week...

regards martin
Logged
 
mr-fan

Offline Offline

Posts: 1538


WWW
« Reply #148 on: January 21, 2010, 11:05:47 PM »
ok,

another image gallery with lightbox effect....here we go:

1. step edit the view.php of the another image gallery:

after line 399 echo '<span class="picturelink">';

Code:
<?php //forgott this line
            echo '<span class="picturelink">';
            if ($included && $inline) {
                echo '<a href="?';
                if (array_key_exists('dir'.$section_id, $_GET)) {
                    echo 'dir'.$section_id.'='.urlencode($_GET['dir'.$section_id]).'&amp;';
                }
                echo 'pic'.$section_id.'='.$i.html($urlsuffix).'">';
            } else {

change to this

Code:
<?php //forgott this line
            echo '<span class="picturelink">';
            if ($included && $inline) {
                echo '<a rel="lightbox-cats" href="'.html($dirnamehttp.'/'.$filename).'">';
            } else {

2. load jQuery you could do this hardcoded in your template with this entry:
Code:
<script type="text/JavaScript" src="<?php echo WB_URL; ?>/include/jquery/jquery-min.js"></script>

or in a droplet way... cool

3. step include the lightbox from the /include/jquery/ folder in your template

you find a file called slimbox2.js and .css in your WB installation bind it in your template like:

Code:
<script src='".WB_URL."/include/jquery/plugins/jquery-slimbox2-min.js' type='text/javascript'></script>
<link href='".WB_URL."/include/jquery/plugins/jquery-slimbox2.css' rel='stylesheet' type='text/css' media='screen' />

=> should work now all thumbs will open in a lightbox with prev next links - only issue is that the prev/next in the js don't work further the pagination of the gallery ->must klick next pictures link from the imagegallery to see them lightbox navigation works only with the thumbs on the actuall page...

have fun

martin

soon i will provide a "lightbox-droplet" that setup the included lightboxes automatically for WB 2.8.1

watch out for this.... grin
Logged
 
itsnick

Offline Offline

Posts: 24


WWW
« Reply #149 on: February 12, 2010, 09:37:15 PM »
How can I create more than two columns of the thumbnails?

I can't find an option like this in the page admin, and not sure how to edit view.php for desired result.
Logged
Pages: 1 ... 4 5 [6] 7   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!
Impressum & Datenschutz | powered by WebsiteBaker. ©2004–2010 by Website Baker Org e.V. , all rights reserved | Legal Notice & Privacy Policy