Dumb Question about the News Slideshow Block :: Zikula Community

Get Zikula 1.3.3!New core, modules & more

Quick Links

Donate Today!Support your Software

Documentationlearn, share & develop

Watch

GitHub Core

Show your support for Zikula! Sign up at Github account and watch the Core project!

GitHub Modules

Forum Activity

rgasch created topic »Using PageUtil::addVar() to load script code« 11:48 AM
michiel responded to »password problem« 10:01 AM
mazdev responded to »Hide "Register new account" and change template to 3 col« 07:50 AM
mesteele101 created topic »Zikula 1.3.3 - Site Search 1.5.2 - Unable to turn off plug-ins« 07:48 AM
mesteele101 responded to »ERR (3): E_USER_ERROR: Smarty error: [in pagesvar:pagesitem2en line XXX]…« 25. May
mazdev responded to »Pages 2.5.0 and updating - Page not found« 25. May
mesteele101 responded to »Zikula 1.3.3 - Selecting a category in Pages not working« 25. May

» Visit forum | » View latest posts

Zikula Blog

Anatomy of Open Source Projects on Mar 07
Continuous Review on Mar 01
Not Invented Here on Feb 24
How to Contribute Your Code at Github on Jan 13
10 Steps to Coding-Nirvana: Tips for Successful Module Writing on Nov 12
Submitting Bug Report Tickets That Get Results on Aug 17
Cozi Tricks #1: Syntax Highlighting on Aug 07

Dumb Question about the News Slideshow Block

Print topic

Go to page 1 - 2 [+1]:

eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Sep 30, 2010 - 03:02 PM

Here's my dumb question... How do I make it work?

I tried it out and it does show up but the images don't appear. I checked and in the settings for the News Module, the thumbnails sizing is set to "fixed size (scale and crop)" as it should be.

I also checked to see what image the block was looking for. It's looking for a PNG file. I looked in the "images/news_picupload" folder but there weren't any, just JPG's.

So. Is there any way to create the PNG's in the folder without having to download them all, so a Save As and re-upload them?

Also, where to I go to change the attributes for the block. Specifically, I would like to change the width from 594 pixels to a width of 100%? I'd also like to slow it down.

If I can't make these changes, is there another block available that does the same thing with dynamic content?

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
espaan

Rank: Developer

Registered: Aug 23, 2003

Last visit: May 31, 2010

Posts: 1428
Posted: Oct 01, 2010 - 01:58 AM

Hi,

I missed that one in the code. I changed from png (which have too big filesize) to jpg thumbnails. But I missed the reference to png in the slideshow block. You can change it yourself in News/pntemplates/news_block_slideshow_row.htm. You will see a png extension (picturevariables..-0-norm.png) for the image, this should be jpg.
Does it work after changing that.
In the template news_block_slideshow.htm you can change the frequency. You will see slidehow(3000) there, which is the change frequence in msecs.

You will see style definitions in the template as well. You can check those in pnstyle/slideshow.css and the image width is in the news_block_slideshow_row.htm template (594px). You can adapt that to your needs.

good luck

--
campertoday.nl, Module development, Dutch Zikula Community
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 01, 2010 - 06:01 AM

It's always nice when it's a simple fix. It works but the images aren't filling up the box. Can the images be stretched or resized somehow that they fill it up?

Also, I'm still trying to figure out how to make the block wider. I tried changing the width from 594px to 100% but it came out looking like I had set it at 100px. If that's not possible, how about centering the block?

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 05, 2010 - 07:23 AM

Anyone?

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 09, 2010 - 10:26 AM

Nobody?

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
espaan

Rank: Developer

Registered: Aug 23, 2003

Last visit: May 31, 2010

Posts: 1428
Posted: Oct 09, 2010 - 08:19 PM

Hi. Sorry for the late reaction do you have an online example? I haven't tried scaling the block wider yet. Also keep on mind that the images are also maybe not that wide. BTW for 100% you need to specify 100% in the style sheetand not 100. Don't know if you did that.

--
campertoday.nl, Module development, Dutch Zikula Community
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 10, 2010 - 05:08 PM

I checked and all of the widths in "slideshow.css" is set at 100%, not 100. Also, nothing is set to 594px either. I tried changing the image width in "news_block_slideshow_row.htm" to 100% and, while the images did stretch the length as I wanted, they wound up stacked one, below each other. Also, the Titles are not going the full width.

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
espaan

Rank: Developer

Registered: Aug 23, 2003

Last visit: May 31, 2010

Posts: 1428
Posted: Oct 10, 2010 - 09:21 PM

So do you have an online page where the block is displayed?
It's always a combination of the theme and the module. Since it is a block, there are also block templates involved and maybe theme CSS. And then it's hard to say what is causing it when the actual page is not visible.

--
campertoday.nl, Module development, Dutch Zikula Community
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 10, 2010 - 09:23 PM

I've enabled it on the home page for now. Let me know what you think.
I re-uploaded the two files that I changed to start over. I changed the 0-norm.png to jpg but everything else is as it was originally.

Edited by eledril on Oct 11, 2010 - 04:25 AM.

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 10, 2010 - 09:36 PM

"slideshow.css" is as follows...

Code
/*.clear {
clear:both
}

#gallery {
position:relative;
height:300px
}

#gallery a {
float:left; color: #ffffff;
position:absolute;
}

#gallery a img {
border:none;
}

#gallery a.show {
z-index:1000
}

#gallery .caption {
z-index:1002;
background-color:#000;
color:#ffffff;
height:70px;
width:100%;
position:absolute;
bottom:0;
}

#gallery .caption .content {
margin:5px; line-height: 15px;
}

#gallery .caption .content h4 {
margin:0;
padding:0;
color:#1DCCEF;
}
*/

.clear {
clear:both
}

#ssb_gallery {
position:relative;
height:300px
}

#ssb_gallery a {
float:left;
color: #ffffff;
position:absolute;
}

#ssb_gallery a img {
border:none;
}

#ssb_gallery a.show {
z-index:100;
}

#ssb_gallery #ssb_caption {
z-index:200;
background-color:#000;
color:#ffffff;
height:70px;
width:100%;
position:absolute;
bottom:0;
}

#ssb_gallery #ssb_caption #ssb_caption_content {
margin:5px;
line-height: 15px;
}

#ssb_gallery #ssb_caption #ssb_caption_content h4 {
margin:0;
padding:0;
color:#1DCCEF;
}

and "news_block_slideshow_row.htm" is as follows...

Code


<a href="" class="show"><img src="/pic_sid-0-norm.jpg" rel="<h4><a style='padding-left: 10px;' href=''>[ link ]</a></h4>"/></a>

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 10, 2010 - 10:32 PM

It's weird... It's showing up the way it should in Firefox but in IE and Chrome it's squished. I've cleared my browser cache on each of them with the same results.

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
espaan

Rank: Developer

Registered: Aug 23, 2003

Last visit: May 31, 2010

Posts: 1428
Posted: Oct 10, 2010 - 11:53 PM

Then it's definitely a combination of style definitions in the hierarchy of the div's. IE is not the best in that respect. Which IE do you mean BTW? When it works in Firefox then it more or less adheres to the standards and if it does not work in IE, then hacks are necessary to make it work in IE. That is not always easy. You might need a image that is actually wider and not a scaled image. IE has a habit of misunderstanding 100% if the div is not filled fully.

Let me look at the online page...
Some comments:
-In Safari on WinXP it looks bad. The block is very small and certainly not filling 100%. mmhh why is that
-It seems BTW that a lot of your images are rather small, like 100px wide only. The thumbnail procedure does not scale them up.
-#ssb_gally needs some width definition I think
- you might try to place an extra div around the slideshow block with a 100% width, so div does that help?
-There is a lot on your homepage, which makes it hard to isolate. it would be easier if you could have a "static page" to test it in. Or a web page with almost nothing in it, so an empty homepage with only this block in.
- you might consider xammp or mamp to test it out locally.

edit:
- in safari it helps to put in the style sheet 100% width for ssb_gallery, 100% width for ssb_gallery a and remove the 150px width for the ssb_caption. I dont know at the moment where that comes from. If I do these (in inspect element) then it shows correctly a full 100% width for the caption and the images.

Edited by espaan on Oct 11, 2010 - 01:01 PM.

--
campertoday.nl, Module development, Dutch Zikula Community
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 11, 2010 - 04:49 AM

In "slideshow.css", ssb_caption doesn't have a width of 150px on it. In fact, there is no
Code
width="150px"
anywhere in there. I'm not sure where that would be coming from.

I know some of the images are pretty. The problem is finding the right images to go with the story.

I'm not really worried about getting the images to stretch the full width. When it came up with Firefox and the images were scaled up to the 300px height I thought that it looked okay.

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
eledril

Rank: Softmore

Registered: Jul 10, 2006

Posts: 315
Posted: Oct 11, 2010 - 05:34 AM

I think I got it figured out. I added "width:100%;" to pretty much everything in "slideshow.css" (except for "#gallery a {", "#gallery a img {", "#gallery a.show {", "#gallery .caption .content {", "#gallery .caption .content h4 {", "#ssb_gallery a img {", and it looks like it's working.

Let me know how it looks?

--
Christopher Pelletier
NorthumberlandView.ca
A View Like No Other
espaan

Rank: Developer

Registered: Aug 23, 2003

Last visit: May 31, 2010

Posts: 1428
Posted: Oct 11, 2010 - 08:29 PM

In safari on XP it looks ok as well. So I think you got a working setup Nice. IMHO the switching between articles is a little fast, but that is just personal.

--
campertoday.nl, Module development, Dutch Zikula Community