Search the Community

Hello all, I have a piece of code (created by a developer, not myself) which displays images stored on a php / mySQL database. When the cursor goes over the images they 'flip' to display some information relating to that image. The original purpose of this code was to display just one line of images. However, I would now like to display two lines of images. When I repeat the code, a couple of things happen which I don't want to happen. The second line of images don't flip back to the original image when the cursor is removed from them. The second line uses the same images as the first line. I would like separate images from the database to be chosen. The problem can be seen here in this page: http://www.senseiconnect.com/responsive%20design%20tutorial/%20OrangutanJapan%202014/OJ_template2_FlipONLY_HOME.php As you can see, both rows are pulling the same random images (these change upon refresh) and the second (lower) row of images doesn't flip back to the image like the top row. The code (not including CSS - let me know if that would help) is below: <div class="boxLine"> <!--boxLine STARTS--> <?php $i = 0; if (count($userTilesTop) > 0) foreach ($userTilesTop as $userTile){ $i++; ?> <!--box6 STARTS--> <div class="box6" id="userTile<?php echo $i; ?>"<?php if (!empty($userTile['autonumber'])) { ?>onclick="javascript:window.location='http://www.orangutanjapan.com/newsearch/Ddetails_jp.php?pageNum_m=&language=&prefecture=&recordID=<?php echo $userTile['autonumber']; ?>';return false;"<?php } ?>> <div class="box6Inner"> <!--***********box6Inner STARTS**************--> <div class='slide imageslide'> <!--slide imageslide STARTS--> <img src="http://www.orangutanenglish.com/upload/<?php echo $userTile['photoid']; ?>" alt="英会話レッスンの先生" width="136" height="116" /> <h3><?php echo ucwords($userTile['firstname']); ?> (<?php echo ucwords(eng2japPrefectures($userTile['prefecture'])); ?>)</h3> </div> <!--slide imageslide ENDS--> <div class='slide textslide'> <!--slide textslide starts STARTS--> <ul> <li>国籍: <?php echo $userTile['nationality']; ?></li> <li>対象言語: <?php echo $userTile['language']; ?></li> <li>教師経験（年）: <?php echo $userTile['teachingexperience']; ?></li> <li>授業料: <?php echo $userTile['private_price']; ?>Y</li> </ul> <!-- userTileView STARTS--><div class="userTileView"><a href="<?php if (!empty($userTile['autonumber'])) { ?> http://www.orangutanjapan.com/newsearch/Ddetails_jp.php?pageNum_m=&language=&prefecture=&recordID=<?php echo $userTile['autonumber']; } ?>"><img src="http://www.orangutanjapan.com/user-profile-arrow.png" alt="View <?php echo ucwords($userTile['firstname']); ?>'s profile"></a></div><!--slide userTileView ENDS--> </div> <!--slide textslide starts ENDS--> </div> <!--***********box6Inner starts ENDS **************--> </div> <!--box6 ENDS--> <?php } ?> </div> <!--boxLine ENDS--> Many thanks for taking time to read this post.