D5 Creation Forum

Open Forum for D5 Creation's Members and Visitors

Before requesting any support Please search the Forum First. You may find your desired answer. This will save your waiting time and will save our working hour. We may not answer the question which we have already answered. You should also read our Support Policy

Socialia Theme Updated to 1.2.6 Version

Front Page D5 Creation Forum Announcement Socialia Theme Updated to 1.2.6 Version

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #3082
    D5 Creation
    Keymaster

    I tried following the steps to change the image on the header but keeps giving me an error link and there is no Theme Options on WordPress, is there any other way to change it ? thank you

    #3583
    Marlon Becker
    Participant

    I tried following the steps to change the image on the header but keeps giving me an error link and there is no Theme Options on WordPress, is there any other way to change it ? thank you

    #3586
    D5 Creation
    Keymaster
    Quote:
    Quote from akambz on May 17, 2012, 23:21
    I tried following the steps to change the image on the header but keeps giving me an error link and there is no Theme Options on WordPress, is there any other way to change it ? thank you

    Please update the version from 1.2.5 to 1.2.7

    #3601
    badlands druid
    Participant

    Hi,

    The following javascript code fixes a number of problem with blank images as well as with toggling the visibility of the window. The caption bar is hidden for images with no captions.

    Here is the js:

    $(document).ready(function() {
    //Initialize the slideShow
    slideShow();
    });

    // initialize slideshow
    function slideShow() {

    // interval of slide changes in milliseconds
    var $interval = 3000;

    var $current;
    var $iVal = null;

    //Set opacity of all images to 0
    $(‘#gallery a’).css({opacity: 0.0});

    //Get first image and display it (set it to full opacity)
    $current = $(‘#gallery a:first’);
    $current.css({opacity: 1.0});

    //Hide caption background
    $(‘#gallery .caption’).css({opacity: 0.0});

    //Resize width of caption according to image width
    $(‘#gallery .caption’).css({width: $(‘#gallery a’).find(‘img’).css(‘width’)});

    // switch to next slide in slideshow
    var gallery = function() {
    var $next = ( $current.next(‘.slide’).length == 0 ) ? $(‘#gallery a:first’) : $current.next(‘.slide’);

    $current.css({opacity: 1.0});
    $next.css({opacity: 0.0});

    //Set the fade in effect for the next image, show class has higher z-index
    $next.animate({opacity: 1.0}, 1000);
    $current.animate({opacity: 0.0}, 1000);

    $current = $next;

    //Get next image caption
    var caption = $next.find(‘img’).attr(‘rel’);
    if (caption==null) caption=”;
    if ( caption.length > 0 ) {

    //Animate the caption, opacity to 0.7
    $(‘#gallery .caption’).animate({opacity: 0.7},1000 );

    } else {
    $(‘#gallery .caption’).animate({opacity: 0.0},1000);
    }

    //Display the content
    $(‘#gallery .content’).html(caption);

    }

    // pause slideshow if window loses focus
    $(window).focus(function() {
    if ( $iVal == null ) $iVal = setInterval(gallery,$interval);
    });

    // resume slideshow if window gains focus
    $(window).blur(function() {
    clearInterval( $iVal );
    $iVal = null;
    });

    // start slideshow
    $iVal = setInterval(gallery,$interval);
    }

    <a href=”#” class=”slide” >
    <img src=”http://mydomain.com/image2.jpg&#8221; alt=”2″ rel=”<h3>Caption text</h3>” />
    </a>

    #3602
    D5 Creation
    Keymaster
    Quote:
    Quote from badlandsdruid on August 30, 2012, 07:34
    Hi,

    The following javascript code fixes a number of problem with blank images as well as with toggling the visibility of the window. The caption bar is hidden for images with no captions.

    Here is the js:

    $(document).ready(function() {
    //Initialize the slideShow
    slideShow();
    });

    // initialize slideshow
    function slideShow() {

    // interval of slide changes in milliseconds
    var $interval = 3000;

    var $current;
    var $iVal = null;

    //Set opacity of all images to 0
    $(‘#gallery a’).css({opacity: 0.0});

    //Get first image and display it (set it to full opacity)
    $current = $(‘#gallery a:first’);
    $current.css({opacity: 1.0});

    //Hide caption background
    $(‘#gallery .caption’).css({opacity: 0.0});

    //Resize width of caption according to image width
    $(‘#gallery .caption’).css({width: $(‘#gallery a’).find(‘img’).css(‘width’)});

    // switch to next slide in slideshow
    var gallery = function() {
    var $next = ( $current.next(‘.slide’).length == 0 ) ? $(‘#gallery a:first’) : $current.next(‘.slide’);

    $current.css({opacity: 1.0});
    $next.css({opacity: 0.0});

    //Set the fade in effect for the next image, show class has higher z-index
    $next.animate({opacity: 1.0}, 1000);
    $current.animate({opacity: 0.0}, 1000);

    $current = $next;

    //Get next image caption
    var caption = $next.find(‘img’).attr(‘rel’);
    if (caption==null) caption=”;
    if ( caption.length > 0 ) {

    //Animate the caption, opacity to 0.7
    $(‘#gallery .caption’).animate({opacity: 0.7},1000 );

    } else {
    $(‘#gallery .caption’).animate({opacity: 0.0},1000);
    }

    //Display the content
    $(‘#gallery .content’).html(caption);

    }

    // pause slideshow if window loses focus
    $(window).focus(function() {
    if ( $iVal == null ) $iVal = setInterval(gallery,$interval);
    });

    // resume slideshow if window gains focus
    $(window).blur(function() {
    clearInterval( $iVal );
    $iVal = null;
    });

    // start slideshow
    $iVal = setInterval(gallery,$interval);
    }

    <a href=”#” class=”slide” >
    <img src=”http://mydomain.com/image2.jpg&#8221; alt=”2″ rel=”<h3>Caption text</h3>” />
    </a>

    Thank you very much for this fix though the latest version of D5 Socialia was already fixed the problem but that version is not in the WordPress Repo. The latest version can be downloaded from D5 Creation Site.

    But we appreciate you once again. Your fix will solve the problems of many users who downloaded the theme from WordPress Repo.

    #3604
    rizky pradana
    Participant

    where wordpress website located ?
    in the header or footer or theme?

    #3607
    badlands druid
    Participant
    Quote:
    Quote from d5creation on August 30, 2012, 09:29
    Thank you very much for this fix though the latest version of D5 Socialia was already fixed the problem but that version is not in the WordPress Repo. The latest version can be downloaded from D5 Creation Site.

    But we appreciate you once again. Your fix will solve the problems of many users who downloaded the theme from WordPress Repo.

    Sure no problem. However, after testing the latest code obtained from D5 for this theme issues still exist with the slideshow, including black images and toggling between the last and first slides after the window has been hidden for awhile.

    So the code I submitted is a refactor of the current D5 slideshow to address these issues.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.