PDA

View Full Version : سوال: نمایش ویدیو با کلیک روی تصاویر مربوطه



zeinab-es'haghi
پنج شنبه 04 آبان 1391, 21:15 عصر
می خوام 5 تا تصویر و یک پلیر در صفحه داشته باشم. رو هر کدوم که کلیک کردم،ویدیوی flv مربوط به اون رو نشون بده.
کسی همچین کدی سراغ داره؟

fallahpour
جمعه 05 آبان 1391, 00:42 صبح
دوست عزیز این سوال مربوط به بخش php نمی شود اما شما می تونید از پلاگین های jquery مانند colorbox و... استفاده کنید...

zeinab-es'haghi
دوشنبه 08 آبان 1391, 21:45 عصر
من الان پنج تا تصویرم رو گذاشتم و یک flv player هم گذاشتم.
الان می خوام با کلیک روی هر تصویر ،همون فایل پخش بشه.
این کد رو نوشتم :

<div class="rightbar">
<div class="down1"></div>
<div class="middle_demo">
<a href=""><img style="border:none; padding-left:40px;" src="images/button1.png" class="click" title="demo/1.flv"/></a>
<a href="demo/2.flv"><img style="border:none; padding-left:190px; position:relative; top:-25px;" src="images/button3.png"/></a>

</div>
<div class="down1"></div>
</div>
<div class="leftbar">
<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<div id="mediaplayer">Loading the player...</div>

<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
flashplayer: "player.swf",
file: "demo/1.flv",
height: 397,
width: 490
});
</script>
<!-- END OF THE PLAYER EMBEDDING -->
<p id="description">:::</p>

<script>
$('.click').click(function(){
$('#description').html($(this).attr('title'));
custom_scroll();
});
</script>

</div>


الان می خوام وقتی روی تصویر اول کلیک میشه،آدرس پخش فیلم که توی attr title تصویر هست،توی پاراگراف p حداقل نشون داده بشه! الان هیچی نشون داده نمیشه توی p

ممنون میشم کمک کنید.

zeinab-es'haghi
دوشنبه 08 آبان 1391, 21:45 عصر
من الان پنج تا تصویرم رو گذاشتم و یک flv player هم گذاشتم.
الان می خوام با کلیک روی هر تصویر ،همون فایل پخش بشه.
این کد رو نوشتم :

<div class="rightbar">
<div class="down1"></div>
<div class="middle_demo">
<a href=""><img style="border:none; padding-left:40px;" src="images/button1.png" class="click" title="demo/1.flv"/></a>
<a href="demo/2.flv"><img style="border:none; padding-left:190px; position:relative; top:-25px;" src="images/button3.png"/></a>

</div>
<div class="down1"></div>
</div>
<div class="leftbar">
<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<div id="mediaplayer">Loading the player...</div>

<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
flashplayer: "player.swf",
file: "demo/1.flv",
height: 397,
width: 490
});
</script>
<!-- END OF THE PLAYER EMBEDDING -->
<p id="description">:::</p>

<script>
$('.click').click(function(){
$('#description').html($(this).attr('title'));
custom_scroll();
});
</script>

</div>


الان می خوام وقتی روی تصویر اول کلیک میشه،آدرس پخش فیلم که توی attr title تصویر هست،توی پاراگراف p حداقل نشون داده بشه! الان هیچی نشون داده نمیشه توی p

ممنون میشم کمک کنید.

zeinab-es'haghi
سه شنبه 09 آبان 1391, 14:35 عصر
کسی که جواب نداد، اما خودم حلش کردم :)

plague
سه شنبه 09 آبان 1391, 15:51 عصر
یادت رفته بود توی

$(function(){})
بزاری کدت رو
از اون مشکلاست که چون ربط مستقیمی به کد نداره تو چشم نمیاد منم الان متوجش شدم