Page 1 of 2 12 LastLast
Results 1 to 10 of 18
  1. #1
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    16
    Plugin Contributions
    0

    Default Help with image slider

    Hey guys,

    wondering whether you might be able to help a novice out.

    I have just installed 'Automatic Image Slider' from

    http://www.kerrinhardy.com/2011/02/1...a-in-zen-cart/

    and im having a few little issues with the setup as can be seen here at my site fossilfishcreations.com.

    I believe i followed all the steps exactly but im having trouble with where the images are sitting on my homepage. Not knowing a great deal about code i was wondering whether someone may be able to help me out.

    The images i define in slider1 are always low and chopped in half regardless of the size of the image i insert? Also id like the slider to sit on the top of the page and not show 1,2,3,4 next to them.


    If anybody can help it would be greatly appreciated and would save me ripping all the hairs of my head!

    cheers
    Darren

  2. #2
    Join Date
    Jan 2010
    Location
    Australia
    Posts
    239
    Plugin Contributions
    1

    Default Re: Help with image slider

    please copy the code here.

  3. #3
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    16
    Plugin Contributions
    0

    Default Re: Help with image slider

    which particular code would you like to see mate?.

    /*--Automatic Image Slider w/ CSS & jQuery from Soh Tanaka--*/

    /*--Main Container--*/
    .main_view {
    position: relative;
    }
    /*--Window/Masking Styles--*/
    .window {
    height:240px; width: 400px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
    }
    .image_reel {
    position: absolute;
    top: 0; left: 0;
    }
    .image_reel img {float: left;}

    /*--Paging Styles--*/
    .paging {
    position: absolute;
    bottom: 10px; right: -3px;
    width: 178px; height:47px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    text-align: center;
    line-height: 40px;
    background: url(../images/paging_bg2.png) no-repeat;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
    }
    .paging a {
    padding: 5px;
    text-decoration: none;
    color: #fff;
    }
    .paging a.active {
    font-weight: bold;
    background: #920000;
    border: 1px solid #610000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    }
    .paging a:hover {font-weight: bold;}

    /*--End of Automatic Image Slider w/ CSS & jQuery from Soh Tanaka--*/


    --------------------------------------------------------------------------


    <?php
    /**
    * Page Template
    *
    * Main index page<br />
    * Displays greetings, welcome text (define-page content), and various centerboxes depending on switch settings in Admin<br />
    * Centerboxes are called as necessary
    *
    * @package templateSystem
    * @copyright Copyright 2003-2006 Zen Cart Development Team
    * @copyright Portions Copyright 2003 osCommerce
    * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
    * @version $Id: tpl_index_default.php 3464 2006-04-19 00:07:26Z ajeh $
    */
    ?>
    <div class="centerColumn" id="indexDefault">
    <h1 id="indexDefaultHeading"><?php echo HEADING_TITLE; ?></h1>

    <?php if (SHOW_CUSTOMER_GREETING == 1) { ?>
    <h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2>
    <?php } ?>

    <!-- deprecated - to use uncomment this section
    <?php if (TEXT_MAIN) { ?>
    <div id="" class="content"><?php echo TEXT_MAIN; ?></div>
    <?php } ?>-->

    <!-- deprecated - to use uncomment this section
    <?php if (TEXT_INFORMATION) { ?>
    <div id="" class="content"><?php echo TEXT_INFORMATION; ?></div>
    <?php } ?>-->

    <?php if (DEFINE_MAIN_PAGE_STATUS >= 1 and DEFINE_MAIN_PAGE_STATUS <= 2) { ?>
    <?php
    /**
    * get the Define Main Page Text
    */
    ?>
    <div id="indexDefaultMainContent" class="content"><?php require($define_page); ?></div>
    <?php } ?>
    <!-- bof Automatic Image Slider w/ CSS & jQuery from Soh Tanaka -->
    <div class="main_view">
    <div class="window">
    <div class="image_reel">
    <a href="#"><img src="includes/templates/freetemplate1/images/slider1.jpg" alt="" /></a>
    <a href="#"><img src="includes/templates/freetemplate1/images/slider2.jpg" alt="" /></a>
    <a href="#"><img src="includes/templates/freetemplate1/images/slider3.jpg" alt="" /></a>
    <a href="#"><img src="includes/templates/freetemplate1/images/slider4.jpg" alt="" /></a>
    </div>
    </div>
    <div class="paging">
    <a href="#" rel="1">1</a>
    <a href="#" rel="2">2</a>
    <a href="#" rel="3">3</a>
    <a href="#" rel="4">4</a>
    </div>
    </div>
    <script type="text/javascript" src="includes/templates/freetemplate1/jscript/jscript_jquery-1.5.min.js"></script>

    <!-- eof Automatic Image Slider w/ CSS & jQuery from Soh Tanaka -->

    <?php
    $show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_MAIN);
    while (!$show_display_category->EOF) {
    ?>

    <?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_FEATURED_PRODUCTS') { ?>
    <?php
    /**
    * display the Featured Products Center Box
    */
    ?>
    <?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?>
    <?php } ?>

    <?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_SPECIALS_PRODUCTS') { ?>
    <?php
    /**
    * display the Special Products Center Box
    */
    ?>
    <?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
    <?php } ?>

    <?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_NEW_PRODUCTS') { ?>
    <?php
    /**
    * display the New Products Center Box
    */
    ?>
    <?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
    <?php } ?>

    <?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_UPCOMING') { ?>
    <?php
    /**
    * display the Upcoming Products Center Box
    */
    ?>
    <?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>


    <?php
    $show_display_category->MoveNext();
    } // !EOF
    ?>
    </div>

  4. #4
    Join Date
    Nov 2007
    Location
    Sunny Coast, Australia
    Posts
    3,379
    Plugin Contributions
    9

    Default Re: Help with image slider

    @mrballs

    you may want to look into something a bit easier and just as effective.

    Check out the third link in my signature for a slide show (that's actually 2 slide shows side by side and synchronized) or the first link for the ultimate fade-in show.

    Both are from Dynamic Drive - free open source stuff.

  5. #5
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    16
    Plugin Contributions
    0

    Default Re: Help with image slider

    hi Frank, i cant actually see your signature?

  6. #6
    Join Date
    Nov 2007
    Location
    Sunny Coast, Australia
    Posts
    3,379
    Plugin Contributions
    9

    Default Re: Help with image slider

    Quote Originally Posted by mrballs View Post
    hi Frank, i cant actually see your signature?
    the last 2 lines of my post is my *signature* - just below this line

  7. #7
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    16
    Plugin Contributions
    0

    Default Re: Help with image slider

    ok now i see after ticking the appropriate box in user panel....

    so what is the exact program for the 1st link?
    Last edited by mrballs; 25 Jul 2011 at 01:26 PM.

  8. #8
    Join Date
    Nov 2007
    Location
    Sunny Coast, Australia
    Posts
    3,379
    Plugin Contributions
    9

    Default Re: Help with image slider

    Quote Originally Posted by mrballs View Post
    ok now i see after ticking the appropriate box in user panel....

    so what is the exact program for the 1st link?
    The show in the first link: http://www.dynamicdrive.com/dynamici...nslideshow.htm

    The show in the second link: http://www.dynamicdrive.com/dynamici...ucentslide.htm

    Installation is pretty straight forward

  9. #9
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    16
    Plugin Contributions
    0

    Default Re: Help with image slider

    Ok, yes i see now

  10. #10
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    16
    Plugin Contributions
    0

    Default Re: Help with image slider

    If anyone has ideas regarding the initial problem thatd be great.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v151 Image Slider
    By HammurIT in forum General Questions
    Replies: 4
    Last Post: 18 Mar 2015, 11:21 PM
  2. v150 Image Slider Help!!
    By Darion in forum General Questions
    Replies: 7
    Last Post: 4 Jan 2013, 09:15 AM
  3. HELP with Automatic Image Slider w/ CSS & jQuery
    By lucianman in forum General Questions
    Replies: 3
    Last Post: 20 Feb 2011, 10:54 PM
  4. jQuery Image Slider
    By kunoichi in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 17 Nov 2010, 09:02 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR