@DeadMoras
junior

Вывод картинок и «превью» каждой?

Доброй ночи всем..
В бд есть два столбца: img_src и img_src2.
Существует 100 картинок героев, у каждого по 5-6 картинок вещей(ниже объяснение поймете).
Я ловлю клик по иконке героя, узнаю айди, потом делаю запрос в базу и сравниваю айди).
Затем я подгружаю нужные картинки вещей.
Так вот, при клике на каждую картинку, она должна увеличиваться(для этого я тоже отслеживал клик, отправлял на сервер ссылку и потом вставлял).
Но суть в том, что на сервер отправляется только ссылка первой, а остальные - как будто их нет.
P.S: знаю про говно-код, хмтл потом перепишу, пыху постараюсь по сути дела(новичок)
index.php(Главная страница)
<?php
$url=$GLOBALS['REQUEST_URI'];
$crc=md5($url);
$modif=time()-@filemtime ("cache/$crc");
if ($modif<600)
{
include ("cache/$crc");
exit();
}
ob_start ();
header('Content-Type: text/html; charset=utf-8');
 include 'database.php';
 ?>

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://s89.ucoz.net/src/jquery-1.7.2.js"></script>
    <script src="ajax.js"></script>
        <link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<div class="logo_dota"></div>
 <ul>
     <li><span>•</span> <a href="#">main</a></li>
     <li><span>•</span> <a href="#">stats</a></li>
 </ul>
 <div class="icons_header">
   <div class="faq_icon"></div>
   <div class="forum_icon"></div>
   <div class="search_icon"></div>
   <div class="plus_icon"></div>
 </div>
</header>
<div class="heroes">
  <div class="icons_heroes">
      <img class="earthshaker" src="http://dota2.ru/img/heroes/earthshaker/m_icon.jpg" data-id="1" alt="">
      <img class="sven" src="http://dota2.ru/img/heroes/sven/m_icon.jpg" data-id="2" alt="">
      <img class="tiny" src="http://dota2.ru/img/heroes/tiny/m_icon.jpg"  data-id="3"alt="">
      <img class="kunkka" src="http://dota2.ru/img/heroes/kunkka/m_icon.jpg" data-id="4" alt="">
      <img class="beastmaster" src="http://dota2.ru/img/heroes/beastmaster/m_icon.jpg"  alt="">
      <img class="dragon_knight" src="http://dota2.ru/img/heroes/dragon_knight/m_icon.jpg" alt="">
      <img class="clockwerk" src="http://dota2.ru/img/heroes/clockwerk/m_icon.jpg" alt="">
      <img class="omniknight" src="http://dota2.ru/img/heroes/omniknight/m_icon.jpg" alt="">
      <img class="huskar" src="http://dota2.ru/img/heroes/huskar/m_icon.jpg" alt="">
      <img class="alchemist" src="http://dota2.ru/img/heroes/alchemist/m_icon.jpg"  alt="">
      <img class="brewmaster" src="http://dota2.ru/img/heroes/brewmaster/m_icon.jpg"  alt="">
      <img class="treant_protector" src="http://dota2.ru/img/heroes/treant_protector/m_icon.jpg"  alt="">
      <img class="io" src="http://dota2.ru/img/heroes/io/m_icon.jpg"  alt="">
      <img class="centaur_warrunner" src="http://dota2.ru/img/heroes/centaur_warrunner/m_icon.jpg"  alt="">
      <img class="timbersaw" src="http://dota2.ru/img/heroes/timbersaw/m_icon.jpg"  alt="">
      <img class="bristleback" src="http://dota2.ru/img/heroes/bristleback/m_icon.jpg" alt="">
      <img class="tusk" src="http://dota2.ru/img/heroes/tusk/m_icon.jpg" id="17" alt="">
      <img class="elder_titan" src="http://dota2.ru/img/heroes/elder_titan/m_icon.jpg"  alt="">
      <img class="legion_commander" src="http://dota2.ru/img/heroes/legion_commander/m_icon.jpg" alt="">
      <img class="earth_spirit" src="http://dota2.ru/img/heroes/earth_spirit/m_icon.jpg"  alt="">
  </div>
  <div class="more_heroes"><a href="#">MORE HEROES</a></div>
</div>
<div class="opisanie">
<div class="item_screen"></div>
<div class="more_items"></div>
</div>
 <script>
$(".icons_heroes img").click(function(){
      var id = $(this).attr('data-id');
      $.ajax({
  type: "POST",
   url: 'id_click.php',
  data: 'id='+id
    }).done(function(data){
             $('.more_items').html(data);
      }).fail(function(){ alert("fail")})
    return false;
});
$(".more_items").bind('click',function(){
      var src = $(this).children('img').attr('src');
      $.ajax({
  type: "POST",
   url: 'items_big.php',
  data: 'src='+src
    }).done(function(data){
             $('.item_screen').html('<img src="'+data+'" class="item_screen">');
      }).fail(function(){ alert("fail")})
    return false;
});
</script>
<body>
</html>
<?php
$cache = ob_get_contents();
ob_end_clean ();
echo $cache;
$fp = @fopen ("cache/$crc", "w");
@fwrite ($fp, $cache);
@fclose ($fp);
 ?>

id_click.php(отслеживание ID героя по которому кликнули, сравнение и вывод картинок вещей)
<?php
$id_click_hero = $_POST['id'];

 $db = new mysqli("localhost","root","","heroes");

  $items_vivod = "SELECT * FROM heroes WHERE id = '{$id_click_hero}'";

  $result_items_vivod = $db->query($items_vivod);

     $row = $result_items_vivod->fetch_array(MYSQLI_ASSOC);

     $img1 = $row["img_src"];
       $img2 = $row["img_src2"];
       if(!empty($img2) || $img1){
     $img1_test = "<img src=". $img1 .">";
       echo $img1_test;
     $img2_test = "<img src=". $img2 .">";
       echo $img2_test;
   }

 $result_items_vivod->free();


    $db->close();
    ?>

и items_big.php(отслеживание клика по картинке вещи и передача ссылки на сервер)
<?php
 $db = new mysqli("localhost","root","","heroes");
  echo $_POST['src'];
 ?>

Кто поможет?(
  • Вопрос задан
  • 303 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы