<commit_before># zView

Yet another jQuery viewer for every kind of content: images, videos, iframes and 
html

## Installation

### Step 1: Include required files

First of all you need to include jQuery, the best choice is the Google CDN:

```html
<!-- jQuery library (as served by Google CDN) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
```

Then you can include the *zView* sources directly from the `dist` directory:

```html
<!-- zView Javascript file -->
<script src="/js/jquery.zView.min.js"></script>

<!-- zView CSS file -->
<link rel="stylesheet" href="/css/jquery.zView.min.css">
```

### Step 2: Create HTML markup

This step is really easy, simply put all the contents you want to display inside 
a container:

```html
<div id="zview">
  <img src="/img/pic1.jpg" alt="Image 1">
  <img src="/img/pic2.jpg" alt="Image 2">
  <img src="/img/pic3.jpg" alt="Image 3">
  <img src="/img/pic4.jpg" alt="Image 4">
</div>
```

### Step 3: Call the zView

Call `.zView()` on the container `<div id="<view">`, eventually passing an object of options.

```javascript
$(function () {
  $('#zview').zView();
});
```

## Configuration

To configure the plugin you can pass an object to the initialization.
In the following table when an option has a dot it is intended to be part of an
object, so for example `buttons.labels.next` converts to this JSON: `{ buttons: { labels: { next: '' } } }`

Option | Description | Default
--- | --- | ---
name | The name of that instance of the plugin, used for the style | `'zView'`
theme | The theme name to be used | `'default'`<commit_msg>Fixed the reference to the container<commit_after># zView

Yet another jQuery viewer for every kind of content: images, videos, iframes and 
html

## Installation

### Step 1: Include required files

First of all you need to include jQuery, the best choice is the Google CDN:

```html
<!-- jQuery library (as served by Google CDN) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
```

Then you can include the *zView* sources directly from the `dist` directory:

```html
<!-- zView Javascript file -->
<script src="/js/jquery.zView.min.js"></script>

<!-- zView CSS file -->
<link rel="stylesheet" href="/css/jquery.zView.min.css">
```

### Step 2: Create HTML markup

This step is really easy, simply put all the contents you want to display inside 
a container:

```html
<div id="zview">
  <img src="/img/pic1.jpg" alt="Image 1">
  <img src="/img/pic2.jpg" alt="Image 2">
  <img src="/img/pic3.jpg" alt="Image 3">
  <img src="/img/pic4.jpg" alt="Image 4">
</div>
```

### Step 3: Call the zView

Call `.zView()` on the container `$('#zview')`, eventually passing an object of options.

```javascript
$(function () {
  $('#zview').zView();
});
```

## Configuration

To configure the plugin you can pass an object to the initialization.
In the following table when an option has a dot it is intended to be part of an
object, so for example `buttons.labels.next` converts to this JSON: `{ buttons: { labels: { next: '' } } }`

Option | Description | Default
--- | --- | ---
name | The name of that instance of the plugin, used for the style | `'zView'`
theme | The theme name to be used | `'default'`
{'fraction_non_alphanumeric': 0.15766871165644172, 'fraction_numerical': 0.009202453987730062, 'mean_word_length': 3.889055472263868, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 32, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2156413', 'n_tokens_mistral': 1057, 'n_tokens_neox': 1007, 'n_words': 407}