Галерея подарков

Добрый день. Вроде бы тема закрыта.
Но у меня не получается поставить генератор подарков.
Вернее, генератор я поставила и подарки отправляются, но на странице галерее подарков,
все подарки расположены вертикально и нажать на них чтобы разместить в ссылке на подарок не получается.
Только если перенести мышкой. И кнопка удалить ссылку не работает.
Как исправить проблемы:
1. Чтобы картинки были в одном окне и передвигались по стрелочке, как у вас.
2. Чтобы нажав на картинку, ее ссылка устанавливалась в окне ссылка на подарок.
3. И чтобы кнопка удалить ссылку заработала.
Отправляю страницу галерея подарков https://oka1809.forum2x2.ru/h1-page
Спасибо, с уважением, Оксана.

1. Вам нужно просмотреть и адаптировать код HTML страницы - очень много лишнего.
Пока рассматривал первый вопрос, вот что нашел:

Фрагмент Вашего кода:

Код:

<center>
        
 <div id="slider_cont">
        
<div id="slider1">
        
<div><img src="https://www.gifki.org/data/media/1750/shchenok-animatsionnaya-kartinka-0057.gif" alt="Щенок" /></div>
        
<div><img src="https://www.gifki.org/data/media/1750/shchenok-animatsionnaya-kartinka-0046.gif" alt="Спаниэлька" /></div>
        
<div><img src="https://www.gifki.org/data/media/287/shimpanze-animatsionnaya-kartinka-0041.gif" alt="Обезьянки" /></div>
        
<div><img src="https://www.gifki.org/data/media/600/raketa-i-kosmicheskiy-korabl-animatsionnaya-kartinka-0042.gif" alt="Ракета" /></div>
    
<div><img src="https://www.gifki.org/data/media/271/korabl-animatsionnaya-kartinka-0072.gif" alt="Парусник" /></div>
          
<div><img alt="Котенок в сапожке" src="https://www.gifki.org/data/media/209/kot-i-koshka-animatsionnaya-kartinka-0010.gif" /></div>
      
<div><img alt="Динозаврики" src="https://www.gifki.org/data/media/187/dinozavr-animatsionnaya-kartinka-0103.gif" /></div>
      
<div><img alt="Робот" src="https://www.gifki.org/data/media/118/robot-animatsionnaya-kartinka-0014.gif" /></div>
      
<div><img alt="Роза" src="https://www.gifki.org/data/media/348/roza-animatsionnaya-kartinka-0149.gif" /> </div>
      
<div><img alt="Рыцарь" src="https://www.gifki.org/data/media/609/rytsar-animatsionnaya-kartinka-0001.gif" /></div>
            
</div>        
</div>
        
</center>

Замените на:

Код:

<center>
<div id="slider_cont">                
<div id="slider1">
<img src="https://www.gifki.org/data/media/1750/shchenok-animatsionnaya-kartinka-0057.gif" alt="Щенок" /><br />
<img src="https://www.gifki.org/data/media/1750/shchenok-animatsionnaya-kartinka-0046.gif" alt="Спаниэлька" /> <br />
<img src="https://www.gifki.org/data/media/287/shimpanze-animatsionnaya-kartinka-0041.gif" alt="Обезьянки" /><br />
<img src="https://www.gifki.org/data/media/600/raketa-i-kosmicheskiy-korabl-animatsionnaya-kartinka-0042.gif" alt="Ракета" /><br />
<img src="https://www.gifki.org/data/media/271/korabl-animatsionnaya-kartinka-0072.gif" alt="Парусник" /<br />
<img alt="Котенок в сапожке" src="https://www.gifki.org/data/media/209/kot-i-koshka-animatsionnaya-kartinka-0010.gif" /><br />
<img alt="Динозаврики" src="https://www.gifki.org/data/media/187/dinozavr-animatsionnaya-kartinka-0103.gif" /><br />
<img alt="Робот" src="https://www.gifki.org/data/media/118/robot-animatsionnaya-kartinka-0014.gif" /><br />
<img alt="Роза" src="https://www.gifki.org/data/media/348/roza-animatsionnaya-kartinka-0149.gif" /><br />
<img alt="Рыцарь" src="https://www.gifki.org/data/media/609/rytsar-animatsionnaya-kartinka-0001.gif" /><br />
            
</div>        
</div>
        
</center>

Далее, там где CSS коды, найдите фрагмент:

Код:

/* настройки слайдера подарков */
    #slider_cont {
    background:url(https://i.servimg.com/u/f40/14/80/95/87/grain10.png) #fff;
    border: 4px double #874513;
    margin:5px;
    width:250px!important;
    padding:1px;
  }

добавьте в этот код строки:

Код:

overflow: auto;
height: 400px;

итого:

Код:

/* настройки слайдера подарков */
   #slider_cont {
   background:url(https://i.servimg.com/u/f40/14/80/95/87/grain10.png) #fff;
   border: 4px double #874513;
   margin:5px;
   width:250px!important;
   padding:1px;
overflow: auto; /* добавить бегунок автоматически */
height: 400px; /* высота ячейки - установите на свое усмотрение */
 }

Рекомендую увеличить параметр width в этом коде (ширина), чтобы бегунок внизу не появлялся. Я ставил 250, когда игрался с кодом.

Результат:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

2 и 3 вопросы требуют знания Java скорее всего - у меня их нет

Спасибо, за совет и оперативность, Ilyf, я все исправила, как вы написали. Прокрутка заработала.
Буду ждать, может кто по 2 и 3 вопросу подскажет.
С уважением, Оксана.

Красноперова О.А. пишет:Добрый день. Вроде бы тема закрыта.
Но у меня не получается поставить генератор подарков.
Вернее, генератор я поставила и подарки отправляются, но на странице галерее подарков,
все подарки расположены вертикально и нажать на них чтобы разместить в ссылке на подарок не получается.
Только если перенести мышкой. И кнопка удалить ссылку не работает.
Как исправить проблемы:
1. Чтобы картинки были в одном окне и передвигались по стрелочке, как у вас.
2. Чтобы нажав на картинку, ее ссылка устанавливалась в окне ссылка на подарок.
3. И чтобы кнопка удалить ссылку заработала.
Отправляю страницу галерея подарков https://oka1809.forum2x2.ru/h1-page
Спасибо, с уважением, Оксана.

Добрый день всем. Еще раз обращаюсь с просьбой по поводу генератора подарков.
У меня так и не работает кнопка удалить ссылку. И не получается нажав на подарок, разместить его в ссылке на подарок, только переносится мышкой. Может кто сталкивался с такой проблемой, помогите ее устранить.