63 lines
2.0 KiB
HTML
63 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
{% load static %}
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{{ manga.original_title }}</title>
|
||
<link rel="stylesheet" type="text/css" href="{% static 'css/manga_view.css' %}">
|
||
<script src="{% static 'js/manga_view.js' %}" defer></script>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
<!-- Основной контейнер для контента -->
|
||
<div class="content-wrapper">
|
||
|
||
<div class="chapter">
|
||
<ul style="display: block">
|
||
<li class="breadcrumb">
|
||
<a href="/manga/111">Каталог</a>
|
||
<span>-</span>
|
||
<a href="/manga/111">{{ manga.original_title }}</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<!-- Бокс с изображением -->
|
||
<div class="image-box" id="imageBox">
|
||
<img id="mangaImage" src="" alt="Страница">
|
||
</div>
|
||
|
||
<!-- Сетка-превью -->
|
||
<div class="manga-grid-container" id="previewContainer">
|
||
<div id="previewGrid" class="manga-grid">
|
||
{% for img in manga.imgs_manga %}
|
||
<div class="manga-preview">
|
||
<img src="{{ img }}"
|
||
onclick="showImage('{{ img }}')"
|
||
alt="Стр {{ forloop.counter }}">
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Выпадающий список страниц -->
|
||
<div class="page postload">
|
||
<select id="drop" onchange="changePage(this)">
|
||
<option value="preview">🔍 Превью</option>
|
||
{% for img in manga.imgs_manga %}
|
||
<option value="{{ img }}">Стр {{ forloop.counter }}</option>
|
||
{% endfor %}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|