Forum Replies Created

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter Schenkz

    (@schenkz)

    Hi Josh,

    Thanx again.
    I think I can manage to get the slider full-width.
    The thing is I can’t get it to stay in place while the content scrolls over it.
    This might be a rather simple css thing, but it puzzles me.
    So if you got any suggestions on that part your input is highly appreciated.
    Otherwise you might wanna close this topic and I’ll keep looking for a solution elsewhere.

    Thanx anyway!

    Have a nice day, Edwin

    Thread Starter Schenkz

    (@schenkz)

    The “Slider Background” option that is… ??

    Thread Starter Schenkz

    (@schenkz)

    The top section of this theme seems to do what I’m looking for…
    https://themeforest.net/item/bubbles-parallax-one-page-wordpress-theme/full_screen_preview/7241908?ref=hdalive

    It doesn’t have to be that high though.
    But I guess that might just be a setting.

    Thread Starter Schenkz

    (@schenkz)

    Hi Josh,

    Thanx for your reply.

    Let me explain what I’m trying to achieve:
    For this new website, I’m making a banner with the Meteor Slide.
    I’d like this banner/slider to stay in place when scrolling down the page, with the content sliding over (and on top of) this banner/slider.
    I don’t have an actual example, but it’s a little bit similar to what you see with a parallax effect.
    I thought I might be able to create this by setting the slider as background and then setting the background of the banner as fixed.
    Obviously that doesn’t work.

    I hope you understand what I’m trying to do here and that you can give me a suggestion on how to accomplish this.

    Thanx in advance! Edwin

    Thread Starter Schenkz

    (@schenkz)

    The point is (in my case) I’d like to use the link option in the menu to point to an external site directly.
    Since I can’t figure out how to direct a link from the menu to 2 different websites (one for English/one for Dutch) the only solution seems to be to create 2 link options in the menu and then to hide 1 of them for each language.
    Just leaving the “Navigation Label” empty for a menu item not to show up doesn’t make any sense to me, since it should show up, but only in one specific language.

    I hope this still makes some sense… ??

    Thread Starter Schenkz

    (@schenkz)

    I think I managed to come up with a solution by adding an extra delay between the fadeIn and fadeOut function:
    ——————————————————————
    $j(‘.meteor-slides’).cycle({
    before: function (currSlideElement, nextSlideElement) {
    $j(currSlideElement).find(‘.slider_content’).delay(1500).fadeIn(500).delay(5500).fadeOut(500);
    $j(nextSlideElement).find(‘.slider_content’).delay(1500).fadeIn(500).delay(5500).fadeOut(500);
    },
    ——————————————————————–
    However this only works the way I want after the first cycle.
    Within the first cycle there’s actually no delay at all!

    Any suggestions?

    Thanx in advance! Edwin

    Thread Starter Schenkz

    (@schenkz)

    Hi Josh,

    Looks like I’m heading in the right direction, but there’s still some fine tuning to do (https://www.schenkz.nl/voorbeeld-pagina/):
    – I can’t get the text boxes (.slider_content) to display long enough
    As far as I know this must have something to do with setting the fade speed and/or play interval, but I haven’t got a clue on how/where to do that.

    Any suggestions?

    So far I’ve altered the code in the slideshow.js like this:
    —————————————————————-
    // Get the slideshow options
    var $slidespeed = parseInt( meteorslidessettings.meteorslideshowspeed );
    var $slidetimeout = parseInt( meteorslidessettings.meteorslideshowduration );
    var $slideheight = parseInt( meteorslidessettings.meteorslideshowheight );
    var $slidewidth = parseInt( meteorslidessettings.meteorslideshowwidth );
    var $slidetransition = meteorslidessettings.meteorslideshowtransition;
    var $captionduration = $slidetimeout – ($slidespeed*2);

    // Setup jQuery Cycle
    $j(‘.meteor-slides’).cycle({
    before: function (currSlideElement, nextSlideElement) {
    $j(currSlideElement).find(‘.slider_content’).delay(500).fadeIn(1000).fadeOut(500);
    $j(nextSlideElement).find(‘.slider_content’).delay(500).fadeIn(1000).fadeOut(500);
    },
    cleartypeNoBg: true,
    fit: 1,
    fx: $slidetransition,
    height: $slideheight,
    next: ‘#meteor-next’,
    pager: ‘#meteor-buttons’,
    pagerEvent: ‘click’,
    pause: 1,
    prev: ‘#meteor-prev’,
    slideExpr: ‘.mslide’,
    speed: $slidespeed,
    timeout: $slidetimeout,
    width: $slidewidth
    });
    ——————————————————————

    More help would be appreciated.

    Kind regards, Edwin

    Thread Starter Schenkz

    (@schenkz)

    Hi Josh,

    Thank you so much for your reply.
    I’ll get into that later this week.

    Thanx again and take care!

    Edwin

    Thread Starter Schenkz

    (@schenkz)

    I figured this one with the kind help of the newwpthemes.com forum.
    All it took was some adjustments in the css of the theme.
    Case closed ??

    Thread Starter Schenkz

    (@schenkz)

    Yep, somewhere in the theme functions.php there was a setting that didn’t allow more than 4 posts on one page. Changing the number also changed the number of Portfolio slides that showed up.
    For now I’ve altered the amount of maximum posts to 80.

    Thanks for your concern, Edwin

Viewing 10 replies - 1 through 10 (of 10 total)