p-m-p / slider Goto Github PK

View Code? Open in Web Editor NEW

847.0 847.0 232.0 69.09 MB

A modern, light weight content slider

Home Page: https://philparsons.co.uk/slider/

License: MIT License

CSS 6.92% TypeScript 88.03% HTML 2.72% Shell 0.17% JavaScript 2.16%

carousel javascript react slider slideshow typescript

slider's People

Contributors

Stargazers

Watchers

Forkers

daniel1980fl dstockto adidar83 devilskitchen msoftware kevan fjd devluis jarc100 javiermurillo aegm adritha84 adhanani djnet00 leison mitchenall nizamuddin kikinangulo sadiqmmm nazrulworld siam9090 fengyiyi zoujl frankawp niotech levelstudiomx king-tom shazhuya mamartinez enlacee itsmanuelrc qmmr exezaid mvanast superforest gigi13164269 theinkcreative husienadel csalazart axpart hocuspocus regrunge matsnl65 woerwin touchx break123 scr321 avukonke urecheatu007 sajanjohn yomigits genteideasweb roneweb jcmoriano dameer arcadiaacg mwasyou ic3y drulka xavilet desvirginator shaoyingrui gulyagin jmaheux sarfraznawaz3 ahadnoor smilence1986 cyberwani fxghqc lobzinayr ihitao lexuslin visense ugurarkin scorp666 creativemotionart freemelodi oraocean hyper069 mengyifan elmahdimahmoud radsmil gerasim13 brewingideas manindersinghchahal carlosveucv yangxiaofu grantlacorte hosein-fathi kareljuricka phoenixng1988 rockky36 satyasmax thebillwang cammoy musammatsamina punkonrock gnowman ymorimo123 digz

slider's Issues

It doesn't work with new Chrome Update(?)

Dude,

I prepare a web site and it was working properly on chrome before.

Now it acts like IE10...

Do you have any solution for Chrome?

The issue address: http://www.onlineehliyetsinavlari.com/

Thanks in advance

Does not work in IE10

IE10 has now full support for CSS3D however there are some glitches.
I just tried the IE10 Preview for Windows 7

Greetings,
George

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

fix(deps): update dependency lucide-react to ^0.374.0

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

chore(deps): update dependency eslint to v9

Detected dependencies

github-actions

.github/workflows/ci.yml

actions/checkout v4

actions/setup-node v4

pnpm/action-setup v3

changesets/action v1

.github/workflows/pr.yml

actions/checkout v4

actions/setup-node v4

pnpm/action-setup v3

npm

package.json

@types/node ^20.12.7

@changesets/cli ^2.27.1

@commitlint/cli ^19.2.1

@commitlint/config-conventional ^19.1.0

@testing-library/dom ^10.0.0

@testing-library/jest-dom ^6.4.2

@testing-library/user-event ^14.5.2

@types/react ^18.2.77

@types/react-dom ^18.2.25

@typescript-eslint/eslint-plugin ^7.6.0

@typescript-eslint/parser ^7.6.0

@vitejs/plugin-react ^4.2.1

@vitest/coverage-v8 ^1.5.0

@vitest/ui ^1.5.0

cz-conventional-changelog ^3.3.0

esbuild ^0.20.2

eslint ^8.57.0

eslint-config-prettier ^9.1.0

eslint-config-react-app ^7.0.1

eslint-plugin-react ^7.34.1

husky ^9.0.11

jsdom ^24.0.0

lint-staged ^15.2.2

prettier ^3.2.5

react ^18.2.0

react-dom ^18.2.0

typescript ^5.4.5

vite ^5.2.8

vitest ^1.5.0

packages/components/package.json

packages/react/package.json

react >=16.0.0

react-dom >=16.0.0

packages/slider/package.json

packages/website/package.json

lucide-react ^0.373.0

react-syntax-highlighter ^15.5.0

@types/react-syntax-highlighter ^15.5.6

autoprefixer ^10.4.13

postcss ^8.4.21

tailwindcss ^3.2.4

Check this box to trigger a request for Renovate to run again on this repository

Responsive with re sizing window size

getting issues in re sizing slider with change in window size

Need a callback for play pause toggle

Need to ba able to assign an event listener for the toggle of the play pause state.

Current slide

Hi,

How can i get the current slide ?

thanks

Hide last block

Exp. I have 3 block for rotate, but different height and when rotated block I see this bug...
http://i.imgur.com/OI7iCE2.png how I can clear...

TypeError: document.body is null

box-slider-all.jquery.min.js + Joomla 3.4.1
TypeError: document.body is null

FireBug shows at this location:
{var e=document.body.style,t="";return"webkit...

How to fix?
Thank you.

Not working.

Doesn't seem to work... I've put
$(document).ready(function(){
$('#content-box').boxSlider('');
});
At the beginning of box.slider.jquery.js but it doesn't work. Everything else is correctly set up.

Fullscreen

Is it possible to make the slideshow fullscreen?

Love the plugin btw, very nice work!

Correction

<script src="//code.jquery.com/jquery-1.7.2.min.js"></script>
after correct:
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
Now will work.

Awful coding! aweful

Please, for god sake before you right down some code , do just few, just few research about other developer and how they doing, thanks

I have 100% width block, but when I change browser windows width size my block is didn't work 100% width http://i.imgur.com/x2gL2cX.png but if refresh page, block is set correctly.
How to fix and responsive block.

Listen for resize and apply styling

Need to re-render the box with the updated sizes when the window is resized.

Firefox rotation is broken

Firefox rotates from -90deg to -180deg through 270deg in the other direction as does rotating from 180deg to 270deg.

slider not responsive

I tried this slider. The slider looks wonderful. But its not responsive. Can you make it responsive?

Update: I think its responsive. But not when I resize windows

Usability, aria attributs (request)

Hi,

I'm not enough skilled to findg where I can add some aria management to your plugin.

(I dont see how to use the 'onbefore' and 'onafter' callback.)

But could be done natively in the plugin itself.
Right when leaving the current slide I'd like to see probably something like this:
$currSlide.attr('aria-hidden','true');
$nextSlide.attr('aria-hidden','false');
While when arriving ton the next one hich becomes the current it shuold have the aria-hidden set to true when the slide is not visible or false when it's visible.

Thank you

IE Microsoft Edge rotation

Hi, there is an issue with Vertical 3D Scroll at Microsoft Edge IE, that shows strange behavior on the 4th animation, somehow rotating in the wrong direction. Could you please give a hint how it can be solved?
Thanks.
Best regards
Dina

Destroy button event handlers in destroy

There is a TODO in the code for this, currently the button controls do not have their event listeners unbound when the plugin is destroyed.

autoScroll in README.md is written with the wrong capitalisation

In README.md it shows as autoscroll, with small s, so when you try, it does not work.

Great job in general!!

2D "Tile" transition to random

2D "Tile" transition, is it possible to make it random effect? I mean appearing random on every place instead of top to bottom/left to right? Thanks!

drag & dropping the slides

hi, thanks for your plugin, is there any way i could drag and drop slides instead of clicking the next or preview button?
thanks

How to reverse vertical 3d scroll when click the pagination items

Hi there,
I would like to reverse the vertical 3d scroll (just like the previous arrow does) when I click the pagination dot icon which has the data-slideindex smaller than the current data-slideindex.
Does everyone have any idea of how to do it?
Thanks in advance.

http://philparsons.co.uk/demos/box-slider/

for future...

can you make onClick function to open Picture on full window size? wie on lightbox ??

it will bi powerfull..

tnx

but, with autoscroll function when I swipe the slider it is interrupted by the autoscroll (because of it doesn't pause during i'm playing with it.)

If you have any plan to support this soon. will be awesome!