2017 © Pedro Peláez
 

yii2-extension yii2-iviewer

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

image

hooman.mirghasemi/yii2-iviewer

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  • Saturday, March 3, 2018
  • by hooman-pro
  • Repository
  • 2 Watchers
  • 1 Stars
  • 81 Installations
  • JavaScript
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 8 Versions
  • 1 % Grown

The README.md

iviewer

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin, (*1)

Installation

The preferred way to install this extension is through composer., (*2)

Either run, (*3)

php composer.phar require --prefer-dist hooman.mirghasemi/yii2-iviewer "*"

or add, (*4)

"hooman.mirghasemi/yii2-iviewer": "*"

to the require section of your composer.json file., (*5)

Usage

Note : you should load fontAsome in your project before use it. Once the extension is installed, simply use it in your code by :, (*6)

<?php
echo \hoomanMirghasemi\iviewer\Iviewer::widget([
    'selector' => '#iviewer-content',
    'loadingSelector'=>'#iv-loading',
    'beforeIviewer'=>'$("#iviewer-content").html("");',
    'imageSrc' => 'path to your image',
]);
?>
<div id="iviewer-body">
    <div id="iviewer-content">
        <div id="iv-loading" style="display: table;overflow: hidden;">
            <span style="display: table-cell;padding-right: 10px;vertical-align: middle;">
                <div >
                    <span class="loding_text">در حال بارگذاری تصویر</span>
                    <i class="fa fa-spinner fa-pulse fa-4x loding_img"></i>
                </div>
            </span>
        </div>
    </div>
</div>

Or you can use it as image gallery one or more in a page that open in a bootstrap modal with next and previwe buttons like this:, (*7)

first config iviewer module in config of application, (*8)

'modules' => [

        'iviewer' => [
            'class' => 'hoomanMirghasemi\iviewer\Module',
            'loadingText' => 'loading ...',
        ],
    ],

for use it in a view file write code like this: ```php 'iviewer-gallery-1', 'modalCloseText' => 'close', ]); ?> , (*9)

br/ br/ br/ br/ br/, (*10)

'iviewer-gallery-2', 'modalCloseText' => 'close', ]); ?> , (*11)

``` points: be sure that selectorId and html element contains iviwer elements are same. and use iviewer-gallery-item-holder and iviewer-gallery-item classes for elements. data-target should be same with selectorId+"-modal". also data-iviewer-src is a necessary field

The Versions

03/03 2018

dev-master

9999999-dev

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom

03/03 2018

1.0.6

1.0.6.0

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom

17/02 2018

1.0.5

1.0.5.0

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom

08/01 2018

1.0.4

1.0.4.0

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom

26/12 2017

1.0.3

1.0.3.0

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom

25/09 2017

1.0.2

1.0.2.0

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom

13/09 2017

1.0.1

1.0.1.0

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom

11/04 2017

1.0.0

1.0.0.0

iviewer can use for zoom and rotate image, it is use iviewer jquery plugin , and iviewerGallery widget can use for some images open in modal with iviewer zoom and rotate

  Sources   Download

LGPL-3.0+

The Requires

 

by Hooman Mirghasemi

extension yii2 widget gallery image rotate zoom