Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.64/11: Рейтинг темы: голосов - 11, средняя оценка - 4.64
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382

Куда и как вставить ссылку на возврат в index.html?

16.12.2018, 01:20. Показов 2785. Ответов 39
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
открываются картинки в случайном порядке, при нажатии на маленькую, она открываеться полноразмерно.
но как нажав на эту полноразмерную перенаправить назад в index.html ?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
function randomImg(){
 
 var myImages = new Array () ;
 
myImages[1] = "picks/01.jpg"; 
myImages[2] = "picks/02.jpg";
myImages[3] = "picks/03.jpg";
myImages[4] = "picks/04.jpg";
myImages[5] = "picks/05.jpg";
myImages[6] = "picks/06.jpg";
myImages[7] = "picks/07.jpg";
myImages[8] = "picks/08.jpg";
myImages[9] = "picks/09.jpg";
myImages[10] = "picks/10.jpg";
 
var myLinks = new Array() ;
var back = new Array();
 
back[1] = "index.html";
 
myLinks[1] = "picks/01.jpg";
myLinks[2] = "picks/02.jpg";
myLinks[3] = "picks/03.jpg";
myLinks[4] = "picks/04.jpg";
myLinks[5] = "picks/05.jpg";
myLinks[6] = "picks/06.jpg";
myLinks[7] = "picks/07.jpg";
myLinks[8] = "picks/08.jpg";
myLinks[9] = "picks/09.jpg";
myLinks[10] = "picks/10.jpg";
 
var rnd = Math.floor(Math .random() * myImages.length);
if(rnd == 0){
rnd = 1;
}
 
document.write ('<a href='+myLinks[rnd]+'><img src='+myImages[rnd]+' border="3" width="200" height="150"></a>');
}
 
window.onclick = myFunction;
function myFunction() {
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
16.12.2018, 01:20
Ответы с готовыми решениями:

Куда вставить код в index.php на вордпресс?
Чтобы плагин для рейтинга записей работал мне нужно вставить код &lt;?php if(function_exists(’the_ratings’)) { the_ratings(); } ?&gt; в...

Куда вставить ссылку???
Куда нужно вставить ссылку, которая будет видна после ввода правильного логина и пароля? Вот сам код: &lt;?php include...

Как мне вставить в цикл PHP скрипта HTML-ссылку?
Подскажите как мне вставить в цикл PHP скрипта HTML-ссылку скрипт на подобие: $ii=5; $i=0; ...

39
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
16.12.2018, 19:58  [ТС]
Студворк — интернет-сервис помощи студентам
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
подключаете css- файл, а уж после js-
делаю.
Вложения
Тип файла: rar rulio.rar (305 байт, 1 просмотров)
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
16.12.2018, 20:02
rolandas, так я и думал- вы не поставили обработчик, попробуйте с моим файлом из архива.
Архив WinRAR.rar
0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
16.12.2018, 20:03  [ТС]
а это начальный скрипт. как объединить?
Вложения
Тип файла: rar rulio.rar (27.1 Кб, 1 просмотров)
0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
16.12.2018, 20:09  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
попробуйте с моим файлом из архива
вот теперь работает. спасибо. но у меня скрипт с случайным составлением в массив, попробую объединить
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
16.12.2018, 22:00
rolandas, у вас пальцы не посинели пока вы создавали 2 массива по 5тыс. элементов в каждом? В приложенном архиве исправленный файл. И у меня к вам вопрос: а для чего вам 2 одинаковых массива с разными названиями?
rulio.zip
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
16.12.2018, 22:13
rolandas,
Если вам не совсем понятно о чем я говорю -> https://codepen.io/Mr_Sergo/full/KbMzyY
JavaScript
1
2
3
4
5
6
var myImages = [];      // создали пустой массив
for(i=1; i<5001; i++){  // 5000 раз добавили в массив новый путь к картинке, после каждого раза "i" увеличивается на 1
    if(i < 10) myImages[i] = 'picks/0'+ i +'.jpg';
    else myImages[i] = 'picks/'+ i +'.jpg';
    document.write(myImages[i] + '<br>');   // выводим на экран содержимое массива, каждый элемент с новой строки
}
0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
16.12.2018, 23:05  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
вопрос: а для чего
спасибо, не имею малейшего представления почему шаблон такой, я просто ему пользуюсь поправляя
хотя вру, немного вникаю в HTML, но сам скрипт пытаюсь понять методом тыка, лес почти тёмный
а для писания массива - пользуюсь успешно редактором EditPlus и AdvancedRenamer, в них достаточно инструментов для создания
хоть гигабайтового файла строк с разной нумерацией и по вкусу - очень полезные вещи

Добавлено через 11 минут
кстати, ваш скрипт что делает? просто создает массив адресов или названий всех картинок?
а мне еще нужно их размешать случайным образом, и при нажатии на кнопку или при каждом возвращении
на начальную страницу - выдавать эти картинки случайно размешанные

в «моем» начальном скрипте это делалось

Добавлено через 3 минуты
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
if(i < 10) myImages[i] = 'picks/0'+ i +'.jpg';
и эту строку можно изключить - просто имя файла нетрудно пронумеровать без ноля
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
16.12.2018, 23:53
Цитата Сообщение от rolandas Посмотреть сообщение
строку можно изключить - просто имя файла нетрудно пронумеровать без ноля
вы правы- что-то значит все-таки понимаете в js-е
Цитата Сообщение от rolandas Посмотреть сообщение
ваш скрипт что делает?
заполняет массив адресами к картинкам
Цитата Сообщение от rolandas Посмотреть сообщение
а мне еще нужно их размешать случайным образом
не стану обещать- возможно я помогу на днях
0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
16.12.2018, 23:59  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
все-таки понимаете в js-е
я не много программирую на Delphi, и просто понимание кода вообще есть какое то и наверное
даже при встрече в первый раз с не знакомым языком программирования
уже есть какие-то общие интуитивные понятия
1
17.12.2018, 00:13

Не по теме:

Цитата Сообщение от rolandas Посмотреть сообщение
уже есть какие-то общие интуитивные понятия
поддерживаю

0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
17.12.2018, 00:24  [ТС]
так вот, в нашем случае - имеем массив из 5000 картинок (вот их собрать и без ватермарка и единого размера - было делов),
остаеться сгенерировать 15 случайных цифр в интервале от 1 до 5000 и по их индексу вывести те картинки из всего массива.
самое сложное - изключить повторяемость, хотя 15 из 5000 Ооочень редко попадает два одинаковых.
0
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
17.12.2018, 08:40
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
JavaScript
1
let imgBox = document.querySelectorAll('.imgBox')[0]
Вот не в первый раз у вас вижу такое, зачем так делаете? Есть же document.querySelector()
The Document method querySelector() returns the first Element within the document that matches the specified selector
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
17.12.2018, 14:02
Цитата Сообщение от j2FunOnly Посмотреть сообщение
зачем так делаете?
По привычке

Добавлено через 1 час 52 минуты
rolandas,
Приветствую. В приведенном коде -> https://www.cyberforum.ru/post13165087.html
нашел маленький недочет: если картинка большая, например, 3000х3000, то нету скролла что бы ее можно было прокручивать. Нужно просто в класс .overlay добавить
CSS
1
overflow: auto;
0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
17.12.2018, 14:14  [ТС]
поехали далее?

вот что теперь на столе:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!doctype html>
<html lang="en">
 <head>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="жжж">
  <meta name="Keywords" content="MindsPick">
  <meta name="Description" content="MindsPick">
  <title>MindsPick</title>
<link rel="stylesheet" type="text/css" href="config.css">
<script type="text/javascript" src="rulio.js"></script>
</head>
<body>
<body bgcolor="#E6E6FA">
<center>
<div class="overlay">
<div class="wrapImg"><img src="" class="changeImg"></div>
</div>
<div class="imgBox">
<br>
<table>
<tr>
<td></td><td></td>
<td>
<center>
<a href="index.html"> <input type=button class="test"  style="font-size : 30px;" value=" refresh 15 " onclick=""></a></tr>
<tr><td><br>
</td>
</tr>
<tr>
<td> <img src="picks/01.jpg" border="3">&nbsp;&nbsp;
<td> <img src="picks/02.jpg" border="3">&nbsp;&nbsp;
<td> <img src="picks/03.jpg" border="3">&nbsp;&nbsp;
<td><img src="picks/04.jpg" border="3">&nbsp;&nbsp;
<td><img src="picks/05.jpg" border="3"></td>
<td></td>
</tr>
</div>
 
<tr>
<td> <img src="picks/06.jpg" border="3">
<td> <img src="picks/07.jpg" border="3">
<td> <img src="picks/08.jpg" border="3">
<td><img src="picks/09.jpg" border="3">
<td><img src="picks/10.jpg" border="3">
</td>
</tr>
</div>
 
<tr>
<td> <img src="picks/11.jpg" border="3">
<td> <img src="picks/12.jpg" border="3">
<td> <img src="picks/13.jpg" border="3">
<td><img src="picks/14.jpg" border="3">
<td><img src="picks/15.jpg" border="3">
</td>
</tr>
</div>
 
</table>
</center>
 </body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
html, body{margin: 0px 0px 0px 0px; width: 100%;}
 
.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(12, 36, 39, 0.8);
    display: none;
    cursor: pointer;
}
 
.changeImg{
    position: relative;
    top: 20px;
}
 
.wrapImg{
    width: fit-content;
    margin: 0px auto;
}
 
img{
    width: 200px;
    cursor: pointer;
}
JavaScript
1
2
3
4
5
6
7
8
window.addEventListener('DOMContentLoaded',()=> {
    let imgBox = document.querySelectorAll('.imgBox')[0],
        overlay = document.querySelectorAll('.overlay')[0],
        changeImg = document.querySelectorAll('.changeImg')[0];
     
    overlay.addEventListener('click',() => overlay.style.display = 'none');
    imgBox.addEventListener('click',e => e.target.tagName == 'IMG' ? (overlay.style.display = 'block', changeImg.style.width = e.target.naturalWidth + 'px', changeImg.src = e.target.src) : '');
});
и как теперь массив запахать с выводом картинок без повторений?

Добавлено через 11 минут
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
: в класс .overlay добавить
нии, все картинки одноразмерные 800х600 не надо скрула
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
17.12.2018, 14:16
Цитата Сообщение от rolandas Посмотреть сообщение
без повторений?
О каких повторениях вы говорите? Поясните

Добавлено через 1 минуту
Чем подробней тем лучше...
0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
17.12.2018, 14:18  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
Поясните
каждый раз нажав на кнопку, картинки обновяться. может быть и те самые в следующем показе, но не те самые в одном списке из 15 картинок
0
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
17.12.2018, 14:22  [ТС]
вот все разные - но после нажатия - все обновяться, главное без повтора на одном показе.
Миниатюры
Куда и как вставить ссылку на возврат в index.html?  
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
17.12.2018, 21:18
Лучший ответ Сообщение было отмечено rolandas как решение

Решение

Цитата Сообщение от rolandas Посмотреть сообщение
главное без повтора на одном показе
Не идеально но как вариант -> http://some-test.onlinewebshop.net/pop-up-picture/
Придется вам дорабатывать "под себя"
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="overlay">
    <div class="wrapImg"><img src="" class="changeImg"></div>
</div>
 
<input type="button" class="test" style="font-size: 30px;" value="refresh 8">
 
<table class="imgBox">
    <tr>
        <td><img src="" class="imgs"></td>
        <td><img src="" class="imgs"></td>
        <td><img src="" class="imgs"></td>
        <td><img src="" class="imgs"></td>
    </tr>
    <tr>
        <td><img src="" class="imgs"></td>
        <td><img src="" class="imgs"></td>
        <td><img src="" class="imgs"></td>
        <td><img src="" class="imgs"></td>
    </tr>
</table>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
window.addEventListener('DOMContentLoaded',()=> {
 
    start();
    function start(){
        /* Наполнение массива путями к картинкам */
            let getArray = (len, max) => {
                let tmp = [],
                    getUnique = (len, max) => {
                        if(tmp.length < len){
                            for(i = 0; i < len; i++){
                                let rnd = 'picks/' + Math.ceil(Math.random() * max) + '.jpg';
                                if(tmp.indexOf(rnd) == -1) tmp.push(rnd); else getUnique(len, max);
                                if(tmp.length == len) return tmp;
                            }
                        }
                    }
                return getUnique(len, max);
            }
        /* Наполнение массива путями к картинкам */
 
        /* Обновление картинок */
            let refresh = () => {
                let imgs = document.querySelectorAll('.imgs'),
                    myImages = getArray(8, 20);     // вызов ф-ии "getArray", 8- количество выводимых картинок на экран, 20- количество картинок находящихся в папке "picks"
                for(i = 0; i < myImages.length; i++) imgs[i].src = myImages[i];
            }
            refresh();
            document.querySelectorAll('.test')[0].addEventListener('click',()=> refresh());
        /* Обновление картинок */
 
        /* Поп ап */
            let imgBox = document.querySelectorAll('.imgBox')[0],
                overlay = document.querySelectorAll('.overlay')[0],
                changeImg = document.querySelectorAll('.changeImg')[0];
             
            imgBox.addEventListener('click',e => e.target.tagName == 'IMG' ? (overlay.style.display = 'block', changeImg.src = e.target.src) : '');
            overlay.addEventListener('click',e => overlay.style.display = 'none');
        /* Поп ап */
    }
 
});
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
html, body{margin: 0px 0px 0px 0px; width: 100%;}
 
.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    cursor: pointer;
    overflow: auto;
}
 
.changeImg{
    position: relative;
    top: 20px;
}
 
.wrapImg{
    width: fit-content;
    margin: 0px auto;
}
 
.imgs{
    width: 200px;
    cursor: pointer;
}
 
table{
    margin: 0px auto;
}
1
 Аватар для rolandas
23 / 12 / 2
Регистрация: 20.04.2011
Сообщений: 382
17.12.2018, 22:48  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
как вариант
спасибо большое
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
18.12.2018, 01:53
Цитата Сообщение от rolandas Посмотреть сообщение
спасибо большое
не за что

Добавлено через 3 часа 1 минуту
rolandas,
Если интересно то блок "Обновление картинок" можно немного подправить по-удобней:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
/* Обновление картинок */
    let imgs = document.querySelectorAll('.imgs'),
        test = document.querySelectorAll('.test')[0],
        refresh = () => {
            let myImages = getArray(imgs.length, 20);
            for(i = 0; i < myImages.length; i++) imgs[i].src = myImages[i];
        }
    refresh();
    test.addEventListener('click',refresh);
    test.value = 'refresh ' + imgs.length;
/* Обновление картинок */
5 строка
Вы можете ставить сколько нужно картинок и забыть про то- что то же самое количество нужно прописать в скрипте. Грубо говоря скрипт сам посчитает сколько вы в html-разметке поставили картинок и передаст это значение в функцию getArray

10 строка
Примерно то же самое и тут, только с кнопкой. Что бы постоянно не переписывать на кнопке цифру- скрипт сам ее поставит в зависимости от количества картинок в вашей html-разметке.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
18.12.2018, 01:53
Помогаю со студенческими работами здесь

Как сделать чтобы "WebBrowser1.Navigate ("Index.html ")" вызывал Index.html из каталога в котором находится?
Люди добрые, помогите. Проблема в следующем: Как сделать чтобы &quot;WebBrowser1.Navigate (&quot;Index.html &quot;)&quot; вызывал Index.html...

Как сделать что бы первым загружался не index.php а index.html
Как сделать что бы первым загружался не index.php а index.html Находил в гугл инфо, пробовал ничего не получается... Вот мой код с ...

Как сделать отображене нужного мне контента в index.php и index.html ?
Здравствуйте ! Подскажите пожалуйста . Опишу ситуацию вкратце есть форум index.php в главной странице есть Раздел &quot;Самые обсуждаемые...

Как сделать одинаковое отображене нужного мне контента в index.php и index.html ?
Здравствуйте ! Подскажите пожалуйста .И извините за глупый вопрос.К php редко обращаюсь. Опишу ситуацию вкратце есть форум index.php в...

Как можно прописать, чтобы при открытии домена в браузере по умолчанию открывался не index.html, а index.php?
Добрый день! Подскажите, как можно прописать, чтобы при открытии домена в браузере по умолчанию открывался не index.html, а index.php?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
40
Ответ Создать тему
Новые блоги и статьи
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK сделайте это, JDK, то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Перейдите по ссылке:. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru