Front Page Slideshow - image & resolution requirements / further docs? [#1108708]

Hi. Firstly, I've read http://wiki.morethanthemes.com/index.php?title=Blue_Masters_7.x

I have modified page--front.tpl.php and pointed it to 3 of my own images. They get loaded into the slideshow, however they are not rendered correctly. One the 1st item in the slideshow, the 1st image is rendered, alongside a bit of the 2nd. For the 2nd item, another section of the 2nd image is rendered, alongside most of the 3rd image. And on the 3rd item, the remainder ( not much ) of the 3rd image is rendered.

What are the image requirements? Should they all be a particular resolution? Should they all be the same resolution? Is this a known issue? Any further pointers greatly appreciated.

Dan

Comments

Comment #1

gtsopour CreditAttribution: gtsopour commented 29 March 2011 at 19:05

Assigned:

Unassigned

» gtsopour

Hello dkasak,
Could you give me your drupal installation url in order to see the final output? Also, could you include at this issue your final slideshow code?
In each case there are no image requirements. Thanks

Comment #2

dkasak CreditAttribution: dkasak commented 29 March 2011 at 23:07

Hi. Thanks for the response. The URL is: http://entropy.homelinux.org

The only code I changed was in the section that starts print render($page['banner']); ... and the changed part now looks like this:

                <div class="image_reel">
                    <a href="<?php print url('node/3'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/mansi/163177_151358434913839_100001190517535_238541_8109897_n.jpg'; ?>"></a>
                    <a href="<?php print url('node/2'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/mansi/163177_151358438247172_100001190517535_238542_7872521_n.jpg'; ?>"></a>
                    <a href="<?php print url('node/1'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/mansi/190052_157798927611676_100001447084416_339944_4389541_n.jpg'; ?>"></a>
                </div>
                <div class="descriptions">
                    <div class="desc" style="display: none;">Page 1 ...</div>
                    <div class="desc" style="display: none;">Page 2 ...</div>
                    <div class="desc" style="display: none;">Page 3 ...</div>
                </div>

---

A diff from the original file:

cyclops bluemasters # diff -u page--front.tpl.php page--front.tpl.php.original
--- page--front.tpl.php	2011-03-29 00:57:44.735087366 +1100
+++ page--front.tpl.php.original	2011-03-29 00:14:16.502086802 +1100
@@ -69,14 +69,14 @@
         <div class="main_view">
             <div class="window">
                 <div class="image_reel">
-                    <a href="<?php print url('node/3'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/mansi/163177_151358434913839_100001190517535_238541_8109897_n.jpg'; ?>"></a>
-                    <a href="<?php print url('node/2'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/mansi/163177_151358438247172_100001190517535_238542_7872521_n.jpg'; ?>"></a>
-                    <a href="<?php print url('node/1'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/mansi/190052_157798927611676_100001447084416_339944_4389541_n.jpg'; ?>"></a>
+                    <a href="<?php print url('node/3'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/slide-image-3.jpg'; ?>"></a>
+                    <a href="<?php print url('node/2'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/slide-image-2.jpg'; ?>"></a>
+                    <a href="<?php print url('node/1'); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'bluemasters') . '/images/slide-image-1.jpg'; ?>"></a>
                 </div>
                 <div class="descriptions">
-                    <div class="desc" style="display: none;">Page 1 ...</div>
-                    <div class="desc" style="display: none;">Page 2 ...</div>
-                    <div class="desc" style="display: none;">Page 3 ...</div>
+                    <div class="desc" style="display: none;">About Bluemasters</div>
+                    <div class="desc" style="display: none;">Our Portfolio</div>
+                    <div class="desc" style="display: none;">Creation of Beaches</div>
                 </div>
             </div>
         
@@ -146,4 +146,4 @@
 </div>
 <!--EOF:footer-bottom-->
 
-</div><!--EOF:page-->
+</div><!--EOF:page-->
\ No newline at end of file
cyclops bluemasters #

Thanks again. Great theme, by the way - looks amazing :)

Comment #3

gtsopour CreditAttribution: gtsopour commented 30 March 2011 at 08:28

Hello Dan

There is no problem with your implementation. I said before that there are no image requirements but I did not think that there would be an issue with your image dimensions. I am sorry...

The slideshow is defined hardcoded in page--front.tpl.php and is just an example. So, the images should follow the specification of default image dimensions. Every image in slideshow should have width:930px and height:320px