Wordpress "paging-navigation" als "load more"

Status
Niet open voor verdere reacties.

nessler

Gebruiker
Lid geworden
31 mei 2005
Berichten
54
Hoi,

momenteel probeer ik voor m'n website de paging navigation te vervangen door een simpele load more knop.
Ik ben hiervoor gestart met de twenty thirteen load more plugin.

Graag wil ik de "load more" tekst, die er oorspronkelijk stond, vervangen door een simpele afbeelding (een zwarte cirkel met een plus erin).

Ik ben zo ver geraakt dat het script de juiste link naar het png bestandje toont, maar niet de afbeelding.
Een beetje knullig als de link er wel komt op te staan, maar het plus icoontje achterwege blijft.
Voor de rest werkt de plugin voorbeeldig.

Is er iemand die me een handje kan helpen ? Deze jongen ziet even door de bomen het bos niet meer...

de website is deze: http://www.hellodolly.be

de plugin werkt met een index.php, met het belangrijke stukje over het plus.png logotje erin:

PHP:
    $max = $wp_query->max_num_pages;
        $paged = ( get_query_var('paged') > 1 ) ? get_query_var('paged') : 1;
    wp_enqueue_script( '-load-more', plugins_url( '/js/loadmore.js', __FILE__ ), array( 'jquery' ), '20131010', true );
    wp_localize_script( '-load-more', '_load_more', array(
        'current_page' => esc_js( $paged ),
        'max_pages' => esc_js( $max ),
        'ajaxurl' => esc_js( admin_url( 'admin-ajax.php' ) ),
        'plus' => esc_js( plugins_url( '/images/plus.png', __FILE__ ) ),
        'loading_img' => esc_js( plugins_url( '/images/ajax-loader.gif', __FILE__ ) )
    ) );
}

en het stuk in het javascript wat de paging vervangt:

[JS]if ( next_page <= max_pages ) {
$( '.paging-navigation' ).html( '<div class="nav-links"><a class="load_more" href="#">' + _load_more.plus + '</a><img class="load_more_img" style="display: none;" src="' + _load_more.loading_img + '" alt="Loading..." /></div>' );
}[/JS]
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan