foreach($data as $dt){ <!-- Picture 1 --> <a href="https://www.thaicreate.com" target="_blank"> <img src="<?php echo $dt['picture']?>" alt="IRON 3" /> <span> <b>ไอรอนแมน IRON MAN 3</b><br /> <small>เป็นตัวละครส่วนหนึ่งของมาร์เวลคอมิกส์ เป็นที่รู้จักกันดีในหน้าของนักรบใส่เกราะซึ่งมักจะใส่เกราะ แดง-เหลือง เป็นชุดประจำตัวอยู่เสมอ</small> </span> </a> }
bower install coin-slider
elixir(function(mix) { mix.copy('resources/assets/coin-slider/coin-slider.min.js', 'public/js') .copy('resources/assets/coin-slider/coin-slider-styles.css', 'public/css'); });
gulp
{!! Html::style('/public/css/coin-slider-styles.css') !!}
{!! Html::script('/public/js/coin-slider.min.js') !!} <script type="text/javascript"> $(document).ready(function() { $('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 }); }); </script>
public function getIndex() { $data = DB::table('table name') ->where('id', '>', 5) ->select('field1', 'field2', 'field3', 'field4') ->orderBy('id', 'asc') ->get(); return view('index', ['Data' => $data]); }
<div id="coin-slider"> <div> @foreach($Data as $row) <a href="{{ $row->field1 }}" target="_blank"> <img src="/images/{{ $row->field2 }}" alt="" /> <span> <b>{{ $row->field3 }}</b> <br /> <small>{{ $row->field4 }}</small> </span> </a> @endforeach </div> </div>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง