WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: NextGEN Gallery] I need the gallery without thumbs (33 posts)

  1. Ypanesa
    Member
    Posted 5 years ago #

    Hi,

    I would like to change my site Gifwelt to WordPress, which I know already. Is it possible to use the nextgen-gallery without the preview? The maximum size of my pictures is 150 px and I would like that all pictures of a choosen category are shown in there original size and as animated gifs (like now on my old site). Maybe I have to think the other way around? I need only the thumbs, which are not clickable?

    Can someone help me?

  2. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    you could try this:
    First follow these instructions: http://nextgen.boelinger.com/templates/
    then make a copy of /wp-content/plugins/nextgen-gallery/view/gallery.php
    and rename it to your likings e-g gallery-gifview.php and edit it.

    look for

    <?php foreach ($images as $image) : ?>
    
    	<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $gallery->imagewidth ?> >
    		<div class="ngg-gallery-thumbnail" >
    			<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
    				<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
    			</a>
    		</div>
    	</div>
    	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
    	<br style="clear: both" />
    	<?php } ?>
     	<?php endforeach; ?>

    and change to

    <?php foreach ($images as $image) : ?>
    
    	<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $gallery->imagewidth ?> >
    		<div class="ngg-gallery-thumbnail" >
    
    				<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->imageURL ?>" <?php echo $image->size ?> />
    
    		</div>
    	</div>
    	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
    	<br style="clear: both" />
    	<?php } ?>
     	<?php endforeach; ?>

    best regards
    bee

  3. Ypanesa
    Member
    Posted 5 years ago #

    Thank you so much! I will try this and report the result.

  4. Ypanesa
    Member
    Posted 5 years ago #

    Hi bee,

    It is not working. I geht "Rendering of template gallery-gifview.php failed". I uploaded 19 little animated gifs in one gallery.

    I copied the file gallery.php into the themes folder and made the changes you proposed and renamed it to gifview.php.

    The Code looks like this now:

    <?php foreach ($images as $image) : ?>
    
    	<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $gallery->imagewidth ?> >
    		<div class="ngg-gallery-thumbnail" >
    
    				<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->imageURL ?>" <?php echo $image->size ?> />
    
    		</div>
    	</div>
    	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
    	<br style="clear: both" />
    	<?php } ?>
     	<?php endforeach; ?>

    Can you please help me?

  5. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    the file should be in a folder "nggallery" which has to reside in your themes folder. And the filename must begin with gallery-something.php to be recognized as a gallery template by ngg.

    best regards
    bee

  6. Ypanesa
    Member
    Posted 5 years ago #

    The file is in the folder theme/default/nggallery folder and I renamed it to gallery-gifview.php. I still get the same error message.

  7. Ypanesa
    Member
    Posted 5 years ago #

    Oh stop, it is working. Thank you very much.

    Anyhow I still have a problem with the image size. There are a lot of images which are bigger than the thumbnail size. For examples divisor lines. Is there any chance to be flexible on the size?

    I also need to hide [Mit PicLens anzeigen]. These pictures are not animated anymore and much too big.

  8. Ypanesa
    Member
    Posted 5 years ago #

    I also have the problem, that smaller pictures get resized to fit the thumbs size (100 x 75). Do you know a work around?

  9. Ypanesa
    Member
    Posted 5 years ago #

    I put the site online, that you can see the different problems.
    http://animierte-gifs.gifwelt.info

    I made a little change in the gallery-gifview.php. Now the thumbs are clickable.

    1. But then when you click on >> in the preview, the image changes only every sixth time. Strange.

    2. The gifs get resized when they are smaller than the thumbnail size. See ampeln.

    3. When I import the pictures from a folder, ngg makes two instances of every picture. The right one with the original name, the second one with the name and _0.

    4. The pictures are not shown in the dashboard (galerien verwalten)

  10. Ypanesa
    Member
    Posted 5 years ago #

    Is there anyone who can help me? Please.

  11. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    sorry was busy otherwise, lets try it first with the size issue, i just set this up for my self (without links havent tried yet with gifs) i deleted <?php echo $gallery->imagewidth ?> and <?php echo $image->size ?> this resulted in displaying pics in their original size. Will try with gifs and popup next.

    best regards
    bee

  12. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    look here: http://sing.dudelidu.de/

    i can´t reproduce the other problems, maybe #1 has to do with the shutter effect as you can see linked pictures show correct count.
    #3 i used the batch upload which did not result in this maybe you could try the same just for narrowing down.
    #4 i see thumbs in the gallery management dashboard but as expected animation is gone with thumb generation, is there a thumbs subfolder in your pics directory (shold have ben created automtically with folder import)?

    Sorry i can only guess on this

    best regards
    bee

  13. Ypanesa
    Member
    Posted 5 years ago #

    Hi bee,

    thank you so much for your help. Your domain is funny. It's quite similar to mine (der-tut-nichts.info for my dog education site. mailadress before the at = hundeerziehung). It still makes me grin ;)

    1. The preview is ok now using thickbox effect.

    2. It works fine with deleting image-width and size. It works also when I uncheck in NGG Thumbnails "Setze fixe Größe - Ignoriere Bildseitenverhältnis. :)))))

    3. I used batch. But after this view changes I made it works fine.

    4. There is still no preview in the gallery management section of ngg. I do have a thumbs subfolder and there is no animation. This is normal or at least well known.

    So it's #4 who persists and I have another question:

    Do you have an idea how I could get more order? At the moment, a page is quite nervy. On my old site I used tables. Is there a similar solution with css? Right now I put only two gifs in one row. That helps a little bit.

  14. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    with 4# maybe trying to delete those strange doubles via ftp first and then generating new thumbs is worth a try? still guessing.

    And the question of order theres a kind of primtive solution which maybe not so satifactory if you got extreme values on the different pix, but heres the link it also applies to differenet image/thumb dimensions not only descriptions mentioned there: http://wordpress.org/support/topic/187955?replies=4

    So when looking at the ampeln gallery and compare it to to your largest gif in height on the whole page (which you should use as a height measure regarding the link above), these small ones might look a little lost. You could still be cloning the template renaming and calling an also cloned css definition for height...

    best regards
    bee

    P.S. Yes i do admit having a faible for funny names..and i like dogs (the well educated nice ones) :-)

  15. Ypanesa
    Member
    Posted 5 years ago #

    Hi,

    I did not try your suggestion already, but I keep this possibility in mind.

    #4 I did this already: deleting the doubles, reimport of the whole gallery.

    #5 Always something new, but why always only problems? I changed to the theme dKret3. I know it from an other site I created and I find it very usefull. But now, the pictures are not shown anymore at all. I had this problem with the other site as well. To solve the problem, I use the plugin change-uploaded-file-permissions. But this time, it occurs again and I had installed the plugin before.

    Do you have any idea? I made no changes in the gallery. With the default theme, the pictures are shown, with dKret 3 not. But... in the preview you see the pictures. Very strange!

  16. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    not so much after having a look i guess you might have forgotten to put the nggallery folder that resides in your old theme folder also into dkret folder because look under ampeln eg this is what it reads: Rendering of template gallery-gifview.php failed. I dont know why this does not happen with aliens maybe because they are ...strange - or you might have used the standard gallery shortcode.

    And regarding #4 i think you should set folder permissions to the pictures folder and all subfolders at least to 755 per ftp i get a 403 when trying to view a thumb directly.

    best regards
    bee

  17. Ypanesa
    Member
    Posted 5 years ago #

    Yessssssss! You are great! In fact I've forgotten completely to copy that ngg folder to the new theme. Rendering of template gallery-gifview.php failed wasn't shown because I deleted it, trying everything.

    #4 I gave the folders gallery/aliens/ and gallery/ampeln permission 777 also the thumbs folders. Nothing changes. The rest of the folders have 710.

    The code behind the place where the thumbnail should appear looks like this:

    <td class="thumbnail column-thumbnail"><a href="http://animierte-gifs.gifwelt.info/wp-content/gallery/aliens/001.gif" class="thickbox" title="001.gif">
      <img class="thumb" src="http://animierte-gifs.gifwelt.info/wp-content/gallery/aliens/thumbs/thumbs_001.gif" id="thumb1">
    </a>
    </td>

    So when I enter http://animierte-gifs.gifwelt.info/wp-content/gallery/aliens/001.gif, the picture get shown. When I try to see the corresponding thumb http://animierte-gifs.gifwelt.info/wp-content/gallery/aliens/thumbs/thumbs_001.gif, I geht 403. The paths are correct.

    Mysterious! A new chapter of X-files? ;)

    Appart from all that, what is your general advise in organising all these pictures? I can't decide whether I should use categories or pages. I don't really understand the difference. I would like the numbers of pictures shown in each category, but I don't have a clou how to do that. The album I created is not shown (inhalt). And also one of the big problems are the different sizes of the pictures. I need quite a big flexibility in the appearance of the page. There are e.g. also animated lines with a width of 500 and a hight of maybe 30 px. The management and design of this project is absolutely challenging. And I would be very glad when you can help me with your experience. :)

  18. Ypanesa
    Member
    Posted 5 years ago #

    Hi bee, in which file do I have to fix the hight and width for the thumbs? I can't find it. I use NGG 1.2.1. Does the gifs get correctly resized then?

  19. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    regarding the thumbs, can you find which permissions the thumbs have or try to set permissions to the thumbs, or try to generate new ones again, as you can see i have no clue.

    In general a classical blog is using posts categories for daily thoughts and you can browse through them by category or the archive, pages are more for the purposes of the classical website.

    I dont know why theres no album shown dont see a trace of the expected code.

    Regarding the different sizes: this is not easy as the resizing is globally set as an option as the columns are too.

    And what i was talking about height is not about resizing pics but giving them a uniform container with a fixed height around them to bring order to the look. Problem is you have to take the highest pic as a measure, advantage you can get rid of columns as even only two are to much for 500 width.

    This fixed height could be individualised a little bit more but only to the point of having it per gallery as this would have to be made possible by calling an altered copy of the gallery-gif.php.

    To try this the first step would be to put a copy the file "nggallery.css" thats inside the "css" folder of ngg inside your themes folder (this to keep changes after updating ngg) and then alter it by looking for .ngg-gallery-thumbnail-box {
    and put a height eg height:300px; inside the brackets.

    best regards
    bee

  20. Ypanesa
    Member
    Posted 5 years ago #

    You are right again! (who wonders?). The thumbs itselfs had 600, the pictures have 740. I gave the thumbs also 740 and now they are shown. Very good!

    It is not necessarily about NGG, but allow me the question. Along with pages, I can not use categories and tag-cloud, right?

    Anyway, I probably can not use NGG for my site, since not all images can be displayed properly. Do you know a gallery that serves better my needs? Otherwise, I create the pages by hand.

  21. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    with categories right with tag cloud do you mean that: http://nextgen.boelinger.com/tag-cloud/ works on pages. For general tagcloud, tags for pages there could be plugins? http://wordpress.org/extend/plugins/simple-tags/

    And sorry im not experienced with other gallery plugs my search ended a long time ago left me sticking with ngg. But if you still wan to try it with ngg, you should try to switch off columns and sort the pics (now you can as you see the thumbs) manually by height in each gallery this should bring order and correct display.

    best regards
    bee

  22. Ypanesa
    Member
    Posted 5 years ago #

    Thank you so much for your patience.

    Yes, I would like to use NGG. I switched off columns now and it looks better. But I don't know how to sort the pics manually by height. I see the thumbs, but the all have the same size and lots of the pictures are corrupt. That happens very often with animated gifs when they get transformed to thumbs. But anyway, how can I sort pics?

    I would prefer to have all animated pics on a page in the same size and when someone clicks a gif, the original size is shown. Is this possible?

  23. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    you can sort them manually there adim->gallery->manage->gallery->yourchosengallery look for the button sort pictures its close to the actions for selected thumbnails. hit it and you can move them in order with your mouse.

    The only thing that comes to my mind is to resize gifs locally and rename them according to ngg conventions then upload in thumbsfolder replacing the others.

    best regards
    bee

  24. Ypanesa
    Member
    Posted 5 years ago #

    Morning bee,

    When you say I shall sort the pics by hight, do you mean, that I sort them by the format landscape and portrait (Hoch- und Querformat) to get a minimum order on a page?

    Next question: Is it possible to show the number of pics per categorie somewhere?

  25. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    ok forgot something first you have to set admin->gallery->options->gallery Sorting to user defined.

    Yes thats what i meant to say to avoid empty spaces.

    And for the count could be done per gallery, but i can see no way of doing that without changing nggfunctions.php which is nothing i like to do very much because changes are lost after updating ngg.

    best regards
    bee

  26. Ypanesa
    Member
    Posted 5 years ago #

    Hi,

    I understand. I found out myself that I have to change the settings to user defined. About changing nggfunctions.php we'll think later. It won't be a big problem to do that. I can handle that.

    What I try to do for one hour now is to get a bigger distance between the lines. I tried everything I know (margin-bottom: 20px;). I activated ngg_dkret3.css and copied it to the theme. I have no clou where add the margin or change settings. Do you know it? I use firebug for ff, but it did not help this time.

    And I test the possibility to make all thumbs myself (batch in fireworks). Look at aliens and arzt so far. It looks good.

  27. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    i would choose
    .ngg-gallery-thumbnail-box {
    float: left;
    }
    for the margin, but i think you have to rename ngg_dkret3.css to nggallery.css first because that is the only one that gets included automatically if found in theme folder.

    best regards
    bee

  28. Ypanesa
    Member
    Posted 5 years ago #

    Where do you see, that nggallery.css is the only one that gets included automaticallly? I added margin-bottom: 20 px; to ngg_dkret3.css directly. That's the only way it works. But not a elegant solution. Copy to the theme folder don't work.

  29. Ypanesa
    Member
    Posted 5 years ago #

    I would like to have the preview windows always in the same size. Do you know where I have to define that? I found TB_window or element.style. But I could not really find where I can set a fix height and width.

  30. bee dudler
    Member
    Posted 5 years ago #

    Hi,
    i meant for keeping the changes when upgrading ngg it would make sense to rename a copy of the changed ngg_dkret3.css to nggallery.css and put it in your themes folder, this will make ngg using it instead of others.

    If you mean the thickbox overlay effect? Maybe the javascript would be a place to look for that.

    best regards
    bee

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.