To insert code use <code>...</code>.
Changing Slideshow image size - Customization
  • Vote Up0Vote Down teropoertteropoert
    Hi!

    Is it possible to reduce the width of the slider

    You've made a nice theme, btw :)

    Regards Teropoert
  • 7 Comments sorted by
  • Vote Up0Vote Down KaptinLinKaptinLin
    Thank you!

    Hi,
    You can follow the steps below:
    1) open ‘striking/framework/themeGenerator.php’
    locate function ‘slideShow_nivo’ in line 544.
    change

    echo "\n".'<a href="'.$image['link'].'"><img title="'.$title.'" src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&h='.$height.'&w=960&zc=1' . '" /></a>';

    to

    echo "\n".'<a href="'.$image['link'].'"><img title="'.$title.'" src="' . THEME_INCLUDES.'/timthumb.php?src='.get_image_src($image['src']).'&h='.$height.'&w=850&zc=1' . '" /></a>';

    2) add the css code below to ‘striking’->‘general’ option page ‘custom css’ textarea

    #nivo_slider, #nivo_slider_loading {
    width:850px;
    }

    3) edit the psd file ‘resource/psds/misc/slider_frame.psd’
    change the width to 850px
    then save it to ‘striking/images/slider_frame.png’

    Regards,
    KaptinLin
  • Vote Up0Vote Down teropoertteropoert
    Thank you for a quick response!

    I also resized slider_shadow.png.

    How about to set that resized sliders align to center? When i resized the slider it went a little bit too left. Any clue?

    Thank you for such a great support again.

    url: http://www.web-suunnittelu.fi/
  • Vote Up0Vote Down teropoertteropoert
    Problem solved,

    just added to the custom css:

    position:absolute;
    left:200px;


    Regards, Teemu
  • Vote Up0Vote Down teropoertteropoert
    And sorry for disturbing you again...
    Now i have extra room in my featured-area (the area where the slider is)

    I'd like to include some text or image next to the slider. How is that possible? I've been looking for solution for hours and I cant find any shortcode for that.

    Teropoert
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi,
    You can add some html code to the slider function in 'striking/framework/helpers/themeGenerator.php'

    If you use nivo slider. The function is slideShow_nivo. it on line 539.

    Regards,
    KaptinLin
  • Vote Up0Vote Down teropoertteropoert
    thanks,

    I was thinking if i Can add flash to featured area. I mean I bought a flash presentation and I d like to have it to slider featured area background.

    Can you tell me where I should embed my swf file and how can I put it on the background


    Regards, Teemu
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hello,

    You can refer to the 3d slider code.

    function slideShow_3d() {
    $height = theme_get_option('slideshow', '3d_height');
    $wrap_height = $height+70;
    $uri = THEME_URI;
    $uploads = wp_upload_dir();
    $noflash = __('You need to <a href="http://www.adobe.com/products/flashplayer/&quot; target="_blank">upgrade your Flash Player</a> to version 10 or newer.','striking_front');
    $output = <<<HTML

    <div id="feature" class="3d">
    <div class="top_shadow"></div>
    <div id="piecemaker">
    <div class="inner">
    <div id="introduce">{$noflash}</div>
    </div>
    </div>
    <div class="bottom_shadow"></div>
    </div>
    <script type="text/javascript">
    jQuery(document).ready(
    function() {
    jQuery('#piecemaker').flash({
    swf:"{$uri}/piecemaker/piecemaker_{$height}.swf",
    wmode:"transparent",
    height: {$wrap_height},
    width:'100%',
    hasVersion:10,
    menu:false,
    AllowScriptAccess:'always',
    expressInstaller: "{$uri}/swf/expressInstall.swf",
    flashvars: {
    xmlSource: "{$uri}/piecemaker/piecemakerXML.php",
    cssSource: "{$uri}/piecemaker/piecemakerCSS.css",
    imageSource: "{$uploads['baseurl']}"
    }
    });
    }
    );

    </script>
    HTML;
    echo $output;
    }


    Regards,
    KaptinLin

This discussion has been closed.
All Discussions