Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Vertical slide effect
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Vertical slide effect
#17218
Vertical slide effect 13 Years, 4 Months ago Karma: 0
I have made some modifications to Ari paginator to achieve multiple columns.

I would also like to modify the module so that the slide effect is vertical rather than horizontal, can someone help with this?

Im currently working on the script.js file is this the right place to look?

Demo:

test5.certico.co.uk/index.php?option=com_content&view=article&id=8&Itemid=2
The administrator has disabled public write access.
 
#17219
Re:Vertical slide effect 13 Years, 4 Months ago Karma: 0
made some progress:

edited script.js around line 45 (de-minified the code first)

Code:


o.click(function (e) {
            $(this).addClass('active').siblings().removeClass('active');
            n.stop().animate({
                'marginTop': -((parseInt($(this).text()) - 1) * f.height())
            }, c.moveDuration, c.moveFx);
            if (q) clearTimeout(q);
            if (c.auto) {
                q = setTimeout(function () {
                    p()
                }, c.pause + c.moveDuration)
            }
            e.preventDefault()
        });



Just need to fix height detection and I think I will be there
Last Edit: 2011/07/12 18:59 By somethingclever.
The administrator has disabled public write access.
 
#17220
Re:Vertical slide effect 13 Years, 4 Months ago Karma: 0
Ok, height problem is caused by my 3 columns modification... guess I Just need to divide height by 3 somewhere
The administrator has disabled public write access.
 
#17221
Re:Vertical slide effect 13 Years, 4 Months ago Karma: 0
Working now

in script.js changed line 16 (de-minified):
Code:


g.each(function () {
            var a = $(this);
            a.data('height', a.outerHeight(true)/(3))
        });




As for multiple columns I achieved this by changing default.php template line 23:

Code:


<?php
foreach ($data as $dataItem):
if ($cols<3){
echo '<li class="aripag-item">' . $dataItem . '</li>';
$cols++;
}
else {
echo '<li class="aripag-item">' . $dataItem . '</li>';
$cols=0;
}
endforeach;
?>




Also added float: left; in style.css:

Code:


.aripag-holder li.aripag-item {
float: left;
width: 280px;
list-style:none;
margin:10px 10px 0;
padding:10px;
overflow:hidden;
}




I hope that helps someone, maybe the author could include the above functionality in a more elegant and customisable way
Last Edit: 2011/07/13 08:56 By somethingclever.
The administrator has disabled public write access.
 
#17235
Re:Vertical slide effect 13 Years, 4 Months ago Karma: 760
Hello,

Sorry for the delay. Is it required any help from our side?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#17253
Re:Vertical slide effect 13 Years, 4 Months ago Karma: 0
Hi,

I think I have things almost exactly how I need now. I posted the steps for the benefit of other people who might want to achieve vertical slide transitions. I also thought you might want to include the changes in the next version of your module and link them properly to the administration back end so they are easy to setup for everyone.

I now just need to move the "previous" and "next" button to the top and bottom of the slider module respectively and I will have exactly what I need for my site.

many thanks for a great module
The administrator has disabled public write access.
 
Go to topPage: 12