[DEV] Nivo Slider

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Get Involved
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
User avatar
dmzx
Registered User
Posts: 730
Joined: Fri Sep 05, 2014 6:48 am
Location: The Netherlands
Contact:

[DEV] Nivo Slider

Post by dmzx » Sun Jan 03, 2016 6:32 pm

Extension Name: Nivo Slider
Author: dmzx

Special thanks to: martin

Extension Description:
Adds Nivo Slider to your forum, max image size is 1170x320.
Up to 8 images and images need to be uploaded in ext/dmzx/nivoslider/images
Settings only for Admin and link in navbar header profile.

Image Image

Screenshots:
Image

Image

Image

Extension Download:
http://www.dmzx-web.net/downloadsystemcat?id=72

Installation:
  1. Download the latest release.
  2. Unzip the downloaded release, and change the name of the folder to `nivoslider`.
  3. In the `ext` directory of your phpBB board, create a new directory named `dmzx` (if it does not already exist).
  4. Copy the `nivoslider` folder to `/ext/dmzx/` if done correctly, you'll have the main extension class at (your forum root)/ext/dmzx/nivoslider/composer.json
  5. Navigate in the ACP to `Customise -> Manage extensions`
  6. Look for `Nivo Slider` under the Disabled Extensions list, and click its `Enable` link.
Last edited by dmzx on Sat Jan 23, 2016 12:13 pm, edited 1 time in total.
dmzx-web.net - Need a Host? - Want to Donate

elawrenc
Registered User
Posts: 118
Joined: Thu Jul 21, 2011 2:41 pm

Re: [DEV] Nivo Slider

Post by elawrenc » Sun Jan 03, 2016 9:35 pm

Looks interesting, subscribing.

User avatar
supanet
Registered User
Posts: 227
Joined: Sat Dec 15, 2012 4:20 pm
Location: UK
Contact:

Re: [DEV] Nivo Slider

Post by supanet » Wed Jan 06, 2016 10:30 am

I already have this built into the style I use (subway) and its very handy the down side is I had to pay for that style :( so will be following this closely.
Subscribed. 8-)

User avatar
Louis7777
Registered User
Posts: 247
Joined: Sat Apr 21, 2012 9:22 pm

Re: [DEV] Nivo Slider

Post by Louis7777 » Wed Jan 06, 2016 3:52 pm

How about moving the link for the settings into the Slider?

You could use an icon (cogwheel?) and the word "Edit" and make them appear only on hover.

Miri4ever
Registered User
Posts: 409
Joined: Sat Mar 07, 2015 11:18 am

Re: [DEV] Nivo Slider

Post by Miri4ever » Wed Jan 06, 2016 4:42 pm

Yes an Icon would be nice and I wonder while settings not done over ACP Menu and inside the Profile Panel of Admin.

I tested this extension with a small image about 500x600 pixels and I got a huge image over my complete screen. It got streched somehow and cannot find any settings why it's streched and not appear in orginal size.
Homepage: Terra Oceanica

User avatar
supanet
Registered User
Posts: 227
Joined: Sat Dec 15, 2012 4:20 pm
Location: UK
Contact:

Re: [DEV] Nivo Slider

Post by supanet » Wed Jan 06, 2016 5:46 pm

Miri4ever wrote: I tested this extension with a small image about 500x600 pixels and I got a huge image over my complete screen. It got streched somehow and cannot find any settings why it's streched and not appear in orginal size.
If it works anything like the one on my forum the image must be 1170x320 for it to work correctly. ;)

Miri4ever
Registered User
Posts: 409
Joined: Sat Mar 07, 2015 11:18 am

Re: [DEV] Nivo Slider

Post by Miri4ever » Wed Jan 06, 2016 7:13 pm

Hmm ok, because he wrote about a max image size, smallers should normally work anyway.

Adds Nivo Slider to your forum, [b]max image[/b] size is 1170x320.
Homepage: Terra Oceanica

User avatar
supanet
Registered User
Posts: 227
Joined: Sat Dec 15, 2012 4:20 pm
Location: UK
Contact:

Re: [DEV] Nivo Slider

Post by supanet » Thu Jan 07, 2016 7:05 am

Miri4ever wrote:Hmm ok, because he wrote about a max image size, smallers should normally work anyway.

Adds Nivo Slider to your forum, [b]max image[/b] size is 1170x320.
You may be right with that as I haven't tested this ext yet I'm just going off the one I use. :?
on a side note you will also get the affect you describe if you enter the image name wrong also make sure to use the correct prefix png, jpg etc.....

User avatar
Sniper_E
Registered User
Posts: 730
Joined: Wed May 09, 2007 12:18 am
Location: Shreveport, Louisiana
Name: Ed Humphrey
Contact:

Re: [DEV] Nivo Slider

Post by Sniper_E » Fri Jan 08, 2016 7:27 am

I have images 1700px X 185px and it shows thinner. I have one image 2187px X 228px

Max size can be whatever you want.
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
:!: Sniper_E Styles | phpbbmodders :!:

User avatar
supanet
Registered User
Posts: 227
Joined: Sat Dec 15, 2012 4:20 pm
Location: UK
Contact:

Re: [DEV] Nivo Slider

Post by supanet » Fri Jan 08, 2016 2:29 pm

Sniper_E wrote:I have images 1700px X 185px and it shows thinner. I have one image 2187px X 228px

Max size can be whatever you want.
Yes I agree but if you have more than one image to display they need to all be the same size or you will get distortions as they change.
Like this: http://zonezero.pixelscrapbook.com/index.php

User avatar
Louis7777
Registered User
Posts: 247
Joined: Sat Apr 21, 2012 9:22 pm

Re: [DEV] Nivo Slider

Post by Louis7777 » Fri Jan 08, 2016 5:11 pm

@dmzx will it have swipe gestures?

You can use Hammer.JS to create swipe gestures for Nivo Slider, like this:

Code: Select all

/**
* Settings
*/

$(document).ready(function() {
    
    /**
    * Using hammer.js for touch.
    */
    if ("ontouchstart" in document.documentElement)
    {

        $('#slideshow0').nivoSlider({
            effect: 'slideInLeft',
            animSpeed: 100,
            pauseTime: 7000, // Milliseconds to display each slide.
        });

        $('a.nivo-nextNav').css('visibility', 'hidden');
        $('a.nivo-prevNav').css('visibility', 'hidden');

        var element = document.getElementById('slideshow0');

        var hammertime = Hammer(element).on("swipeleft", function(event) {
            $('#slideshow0 img').attr("data-transition","slideInLeft");
            $('a.nivo-nextNav').trigger('click');
            return false;
        });

        var hammertime = Hammer(element).on("swiperight", function(event) {
            $('#slideshow0 img').attr("data-transition","slideInRight");
            $('a.nivo-prevNav').trigger('click');
            $('#slideshow0 img').attr("data-transition","slideInLeft");
            return false;
        });
    }
    else
    {
        $('#slideshow0').nivoSlider({
            pauseTime: 7000, // Milliseconds to display each slide.
            prevText: '‹', // Prev directionNav text
            nextText: '›', // Next directionNav text
        });
    }
});

User avatar
Sniper_E
Registered User
Posts: 730
Joined: Wed May 09, 2007 12:18 am
Location: Shreveport, Louisiana
Name: Ed Humphrey
Contact:

Re: [DEV] Nivo Slider

Post by Sniper_E » Sat Jan 09, 2016 9:31 am

supanet wrote:
Sniper_E wrote:I have images 1700px X 185px and it shows thinner. I have one image 2187px X 228px

Max size can be whatever you want.
Yes I agree but if you have more than one image to display they need to all be the same size or you will get distortions as they change.
Like this: http://zonezero.pixelscrapbook.com/index.php
Yes you have to make all of the images you use proportional to each other.

My one 2187px X 228px image is proportional to the other three 1700px X 185px images I have.
They look the same when changing like this: http://sniper-e.com/

If a different image is larger in height then it needs to be proportionally larger in width.
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
:!: Sniper_E Styles | phpbbmodders :!:

cmyk647
Registered User
Posts: 3
Joined: Wed Jan 13, 2016 5:32 pm

Re: [DEV] Nivo Slider

Post by cmyk647 » Wed Jan 20, 2016 2:10 pm

Love this slider!

There is on caveat though; Can it not be positioned where the banner area is? Not below it, below the nav?
I want to replace the standard banner with the slideshow.

If this can be done, how might I go about doing it?

TIA.

User avatar
sgtevmckay
Registered User
Posts: 200
Joined: Tue Apr 27, 2010 4:32 am
Contact:

Re: [DEV] Nivo Slider

Post by sgtevmckay » Tue Feb 02, 2016 11:55 pm

Nivo Slider images unavailable on Board Portal3 "Home Page"

Is there a possible Fix???

User avatar
sgtevmckay
Registered User
Posts: 200
Joined: Tue Apr 27, 2010 4:32 am
Contact:

Re: [DEV] Nivo Slider

Post by sgtevmckay » Wed Feb 03, 2016 8:52 am

cmyk647 wrote:Love this slider!

There is on caveat though; Can it not be positioned where the banner area is? Not below it, below the nav?
I want to replace the standard banner with the slideshow.

If this can be done, how might I go about doing it?

TIA.
would be interested in something like this myself ;)

This may actually fix the previous mentioned issue, in by-pass....

Post Reply

Return to “Extensions in Development”

Who is online

Users browsing this forum: koraldon, thecaretaker1, Toxyy and 27 guests