[Pro] blur images in webYep gallery

Legacy Dynamo
1

Hello. Ive noticed that when I import vertical images in a gallery they become blur. There is no problem with horizontal ones. Ive tried to change some of the styles relative to the size, but dont get the solution. Can you check my styles code, please?

.WebYepGalleryContainer { border-spacing:10px }
.WebYepGalleryContainer td { border-bottom:(solid #cccccc 1px); vertical-align:top; background-color:(); padding:(4px 4px 10px 4px) }
.WebYepGalleryImage { overflow:hidden; width:125px; border:3px solid white; margin-bottom:10px; position:relative; -moz-box-shadow:0px 0px 4px rgba(0,0,0,1); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,1); box-shadow:0px 0px 4px rgba(0,0,0,1); background-color:white; height:100px }
.WebYepGalleryImage img { width:125px; height:auto }
.WebYepGalleryText { color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-align:center; margin-top:7px }

In the action tab I write:

maximun width 125 px

maximun height 100 px

Thanks a lot.

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Give you a link to see it: http://www.godelia.tv/noticias/anaarroyo_dragone.php

the code I pasted is not for this page, but just change the border and sizes. The basics are the same.

Thanks again

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Hi Rakel
There are a few tiny mistakes in the css and they are… you need to remove the () and the empty css background colour with no colour specified or specify a colour like: background-color:#000000;

  .WebYepGalleryContainer td
  {
  border-bottom:(solid #cccccc 1px);
  vertical-align:top;
  background-color:();
  padding:(4px 4px 10px 4px);
  }

change to

  .WebYepGalleryContainer td
  {
  border-bottom: solid #cccccc 1px;
  vertical-align: top;
  padding: 4px 4px 10px 4px;
  }

as for the blur on vertical pictures I haven’t seen this problem before
so could you send me the pictures

Thanks and all the best
Max

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Hello, max. I know the mistakes in the code, but thanks anyway. I put the text into brackets not to delete and forget the info… is the first time i make this, and on this way I can have a look and change the properties.

About the blur, in the link http://www.godelia.tv/noticias/anaarroyo_dragone.php
you can download the pictures and make. Ive maden a demoweb to try several thing, ant the same happens in
http://www.i-tek.es/demoweb/

Thank you. Rakeljuice

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Hello again. Ive been trying other configurations, but the images are still blur. Im working on
http://www.i-tek.es/demoweb/index.php

In the Thomas example in
http://www.kimmich-dm.de/testings/webyepgallerie.php
he uses vertical images but they are not blur. Ive tried to have a look in the page code, but the .WebYepGalleryContainer td or any of the others are not in it!! Thomas, are you wizard?

Seriously, can someone help me, please?

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Hi Rakel
I just tested one of your images and the thumbnail looks nice and sharp so this may be nothing to do with WebYep but with the php version or configuration running on your server.
What you need to do is to first check to see what PHP version you are running and if its using the “GD” extension for PHP. Most PHP 5 setup are, but yours may not be.

You can check this by installing a special php file into your server next to your html pages.
To create this file open up a text editor and paste the line of script below

<?php phpinfo() ?>

then save it as: info.php
then upload it to your server
When it has been upload type the normal address plus phpinfo.php into a browser window and see if you are running the gd extension
speak soon max

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

OK sorted this out. Frankly open spoken, I have had the same issue on: http://www.test.q-ring.de/follower/denim-gallery.php

First I did Max advice (Result GD OK)

Second I substituted the CSS Styles. No changes

But third did the game: My settings for the thumnails within the action had been 35px x 35px (Ahhhhhhhrgnnn…) The key is to set here something like 200 width and 400 hight and it should be done.

And what did we learn? 99% of the mistakes are sitting in front of the screen - so no I’m not Dumbledore.

Unfortunately.

Cheers

Thomas

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

Hi Max. Ive checked the GD. The php.info says:

GD Support enabled
GD Version bundled (2.0.34 compatible)
FreeType Support enabled
FreeType Linkage with freetype
FreeType Version 2.4.2
GIF Read Support enabled
GIF Create Support enabled
JPG Support enabled
PNG Support enabled
WBMP Support enabled
XBM Support enabled

Ive uploaded the files to another two different servers, with the gd:

GD Support enabled
GD Version bundled (2.0.34 compatible)
FreeType Support enabled
FreeType Linkage with freetype
FreeType Version 2.4.6
GIF Read Support enabled
GIF Create Support enabled
JPG Support enabled
PNG Support enabled
WBMP Support enabled
XBM Support enabled

and

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

…and (pressed enter by mistake)

GD Support enabled
GD Version bundled (2.0.34 compatible)
FreeType Support enabled
FreeType Linkage with freetype
FreeType Version 2.1.9
T1Lib Support enabled
GIF Read Support enabled
GIF Create Support enabled
JPG Support enabled
PNG Support enabled
WBMP Support enabled
XBM Support enabled

Three of them are different between them in three different hostings and servers (linux, windows). But in three are blur…

What should appear in the gd info to be ok?

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

But third did the game: My settings for the thumnails within the action had been 35px x 35px (Ahhhhhhhrgnnn…) The key is to set here something like 200 width and 400 hight and it should be done.

Hello Thomas. We were writting at the same time, and after my post I saw yours.

Thanks a lot. Yes, you make some kind of magic!!

Ive tried what you say and it works properly. I was really carefull to put the same size for the miniatures in the actions palette than in the .css styles, so I had 130 x 100 in both of them. Now in the actions pallette I have put 200x500 and it works.

Thank you, Thomas !!
Thank You Max !!

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

When editing CSS script, make sure that you don’t omit or remove anything else but change only the attributes you want.

dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options