Bilder werden nicht richtig angezeigt.

<div class="col-md-6 col-sm-6">


                       <div class="tab-content">
                            <div class="tab-pane" id="product-page1">
                                 <img src="../assets/img/examples/product1.jpg"/>
                              </div>
                              <div class="tab-pane active" id="product-page2">
                                  <img src="../assets/img/examples/product2.jpg"/>
                             </div>
                              <div class="tab-pane" id="product-page3">
                                  <img src="../assets/img/examples/product3.jpg"/>
                              </div>
                              <div class="tab-pane" id="product-page4">
                                  <img src="../assets/img/examples/product4.jpg"/>
                              </div>
                        </div>
                        <ul class="nav flexi-nav" role="tablist" id="flexiselDemo1">
							<li>
								<a href="#product-page1" role="tab" data-toggle="tab" aria-expanded="false">
									<img src="../assets/img/examples/product1.jpg"/>
								</a>
							</li>
							<li class="active">
								<a href="#product-page2" role="tab" data-toggle="tab" aria-expanded="false">
									<img src="../assets/img/examples/product2.jpg"/>
								</a>
							</li>
							<li>
								<a href="#product-page3" role="tab" data-toggle="tab" aria-expanded="false">
									<img src="../assets/img/examples/product3.jpg"/>
								</a>
							</li>
							<li>
								<a href="#product-page4" role="tab" data-toggle="tab" aria-expanded="true">
									<img src="../assets/img/examples/product4.jpg"/>
								</a>
							</li>
                        </ul>
                    </div>

<div class="tab-content">
                            <?php 
                            for($i=0;$i<count($row['shopid']);$i++){?>
                            <div class="tab-pane" id="product-page<?php $row['id'] ?>">
                                    <?php if($id == $row['shopid']){ 
                                        echo '<img src="mypic.php?arg='. $row['id']. '"/>';
                                     } ?>
                            </div>
                            <?php } ?>
                        </div>
                        <ul class="nav flexi-nav" role="tablist" id="flexiselDemo1">
							<li>
                                <a href="#product-page<?php $row['id'] ?>" role="tab" data-toggle="tab" aria-expanded="false">
                                <?php for($i=0;$i<count($row['shopid']);$i++){?>
                                    <?php if($id == $row['shopid']){ 
                                        echo '<img src="mypic.php?arg='. $row['id']. '"/>';
                                     } ?>
                                <?php } ?>
                                </a>
							</li>
                        </ul>