insperax-carousel
v1.1.0
Published
A simple image carousel component for React.
Downloads
5
Readme
��#� �c�a�r�o�u�s�e�l�
�
�#� �C�a�r�o�u�s�e�l�
�
�
�
�A� �s�i�m�p�l�e� �i�m�a�g�e� �c�a�r�o�u�s�e�l� �c�o�m�p�o�n�e�n�t� �f�o�r� �R�e�a�c�t�.�
�
�
�
�#�#� �T�a�b�l�e� �o�f� �C�o�n�t�e�n�t�s�
�
�
�
�-� �[�I�n�s�t�a�l�l�a�t�i�o�n�]�(�#�i�n�s�t�a�l�l�a�t�i�o�n�)�
�
�-� �[�U�s�a�g�e�]�(�#�u�s�a�g�e�)�
�
�-� �[�P�r�o�p�s�]�(�#�p�r�o�p�s�)�
�
�-� �[�S�t�y�l�i�n�g�]�(�#�s�t�y�l�i�n�g�)�
�
�-� �[�E�x�a�m�p�l�e�s�]�(�#�e�x�a�m�p�l�e�s�)�
�
�-� �[�C�o�n�t�r�i�b�u�t�i�n�g�]�(�#�c�o�n�t�r�i�b�u�t�i�n�g�)�
�
�-� �[�L�i�c�e�n�s�e�]�(�#�l�i�c�e�n�s�e�)�
�
�-� �[�Q�u�e�s�t�i�o�n�s�?�]�(�#�q�u�e�s�t�i�o�n�s�)�
�
�
�
�#�#� �I�n�s�t�a�l�l�a�t�i�o�n�
�
�
�
�T�o� �i�n�s�t�a�l�l� �t�h�e� ��c�a�r�o�u�s�e�l�
� �p�a�c�k�a�g�e�,� �r�u�n�:�
�
�
�
��
�`�b�a�s�h�
�
�n�p�m� �i�n�s�t�a�l�l� �i�n�s�p�e�r�a�x�-�c�a�r�o�u�s�e�l�
�
�
�
�
�
�
�
�
�
�i�m�p�o�r�t� �C�a�r�o�u�s�e�l� �f�r�o�m� �'�i�n�s�p�e�r�a�x�-�c�a�r�o�u�s�e�l�;� �/�/� �U�p�d�a�t�e� �t�o� �y�o�u�r� �p�a�c�k�a�g�e� �n�a�m�e�
�
�
�
�i�m�p�o�r�t� �R�e�a�c�t� �f�r�o�m� �'�r�e�a�c�t�'�;�
�
�i�m�p�o�r�t� �C�a�r�o�u�s�e�l� �f�r�o�m� �'�y�o�u�r�-�c�a�r�o�u�s�e�l�-�p�a�c�k�a�g�e�-�n�a�m�e�'�;�
�
�
�
�c�o�n�s�t� �A�p�p� �=� �(�)� �=�>� �{�
�
� � �c�o�n�s�t� �i�m�a�g�e�s� �=� �[�
�
� � � � �'�/�p�a�t�h�/�t�o�/�i�m�a�g�e�1�.�j�p�g�'�,�
�
� � � � �'�/�p�a�t�h�/�t�o�/�i�m�a�g�e�2�.�j�p�g�'�,�
�
� � � � �'�/�p�a�t�h�/�t�o�/�i�m�a�g�e�3�.�j�p�g�'�,�
�
� � �]�;�
�
�
�
� � �r�e�t�u�r�n� �(�
�
� � � � �<�d�i�v�>�
�
� � � � � � �<�h�1�>�M�y� �I�m�a�g�e� �C�a�r�o�u�s�e�l�<�/�h�1�>�
�
� � � � � � �<�C�a�r�o�u�s�e�l� �i�m�a�g�e�s�=�{�i�m�a�g�e�s�}� �i�n�i�t�i�a�l�I�n�d�e�x�=�{�0�}� �/�>�
�
� � � � �<�/�d�i�v�>�
�
� � �)�;�
�
�}�;�
�
�
�
�e�x�p�o�r�t� �d�e�f�a�u�l�t� �A�p�p�;�
�
�
�
�
�
�P�r�o�p�s�
�
�C�a�r�o�u�s�e�l� �C�o�m�p�o�n�e�n�t� �P�r�o�p�s�
�
�P�r�o�p� �T�y�p�e� �D�e�s�c�r�i�p�t�i�o�n�
�
�i�m�a�g�e�s� �A�r�r�a�y� �A�n� �a�r�r�a�y� �o�f� �i�m�a�g�e� �U�R�L�s� �t�o� �d�i�s�p�l�a�y� �i�n� �t�h�e� �c�a�r�o�u�s�e�l�.�
�
�i�n�i�t�i�a�l�I�n�d�e�x� �N�u�m�b�e�r� �(�O�p�t�i�o�n�a�l�)� �T�h�e� �s�t�a�r�t�i�n�g� �i�n�d�e�x� �f�o�r� �t�h�e� �d�i�s�p�l�a�y�e�d� �i�m�a�g�e� �(�d�e�f�a�u�l�t� �i�s� �0�)�.�