الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

عمل slidshow ديناميكي من الداتابيس

بدأه Cute_Programmer2005 في 6 مايو 2010 · 0 رد · 490 مشاهدة · في منتدى تطوير المواقع بـ PHP
مشاركة: واتساب X فيسبوك تيليجرام
#1

السلام عليكم شباب ارجو المساعدة في عمل هذا السكربت

الفكرة ببساطة هي عمل سلايد شو لصور محفوظة في مجلد والمسار تبع هذه الصور مخزن في الداتا بيس

المطلوب هو عمل استعراض للصور العشر الاخيرة المخزنة على شكل سلايد شو

فكرتي هي دمج ما بين البي اتش بي لاستخراج المسارات من الداتا بيس وحفظها في مصفوفة ومن خلال الجافا سكربت عرض هذه الصور على شكل سلايد شو

وهذا الكود الذي عملته وتم استخراج المسارات وحفظها في مصفوفة ولكن لا ادري اين المشكلة

اي مساعدة سوف اكون جدا مشكور

<html>

<head>

<meta http-equiv="Content-Language" content="ar">

<meta http-equiv="Content-Type" content="text/html; charset=Windows-1256">

<title>Untitled Page</title>

<meta name="description" content="ÇÚáÇäÇÊ ááÓíÇÑÇÊ æÇáÏÑÇÌÇÊ ÇáäÇÑíÉ , ÇÚáÇäÇÊ ãÏÝæÚÉ ÇáËãä , ÇÚáÇäÇÊ ááÇáßÊÑæäíÇÊ æ ÇáÇÌåÒÉ ÇáßåÑÈÇÆÈÉ , ÇÚáÇäÇÊ ááßãÈíæÊÑÇÊ æÇáÊáÝæäÇÊ ÇáÌæÇá , ÇÚáÇäÇÊ ãÏÝæÚÉ ÇáËãä ÈÇÓÚÇÑ ãäÇÓÈÉ ÌÏÇ , ÇÚáÇäÇÊ ÇáÓíÇÑÇÊ áãäØÞÉ ÇáÎáíÌ æÇáíãä æÇáÓÚæÏíÉ ááÓíÇÑÇÊ æÇáÏÑÇÌÇÊ ÇáäÇÑíÉ æÇáÇáßÊÑæäíÇÊ æÇáÇÌåÒÉ ÇáßåÑÈÇÆíÉ , ÇÚáÇäÇÊ ááÓíÇÑÇÊ ãÏÝæÚÉ ÇáËãä Úä ØÑíÞ ÇáÈí ÈÇá áãÏÉ ÔåÑ æËáÇË ÇÔåÑ Çæ áÛÇíÉ ÈíÚ ÇáÓíÇÑÉ ">

<meta name="keywords" content="cars , motors, electronics , buildings , computers , mobail , sale cars , buy cars , Announcements car , Announcements motors , Announcements electronics , Announcements computers , ÓíÇÑÇÊ , ÇÚáÇäÇÊ ááÓíÇÑÇÊ , ÇÚáÇäÇÊ ÇáÇáßÊÑæäíÇÊ æÇáßãÈíæÊÑÇÊ , ÇÚáÇäÇÊ ãÏÝæÚÉ ÇáËãä ááÓíÇÑÇÊ , ÚÑÖ ÇáÓíÇÑÇÊ æÇáãÇØæÑÇÊ æÇáÏÑÇÌÇÊ ÇáäÇÑíÉ , ÇÚáÇäÇÊ ÇáÓíÇÑÇÊ Ýí Çáíãä æÇáÎáíÌ æÇáÓÚæÏíÉ , ÓíÇÑÇÊ ááÈíÚ , ãÚÇÑÖ ÓíÇÑÇÊ æÏÑÇÌÇÊ ÇáäÇÑíÉ , ÇáÇÚáÇäÇÊ Úä ÇáÇáßÊÑæäíÇÊ , ÊáÝÒíæäÇÊ ÇÚáÇäÇÊ , ÊáÝæäÇÊ äæßíÇ ÈáæÊæË ãæÊæÑáÇ , ÇÌåÒÉ ßåÑÈÇÆíÉ , ÇÚáÇäÇÊ Úä ßá Ôí ÏÇÎá ÇáãæÞÚ , ÊÌÇÑÉ ÇáßÊÑæäíÉ ">

<meta name="author" content="Manaf Al-bayati">

<meta name="categories" content="ÇÚáÇäÇÊ ÓíÇÑÇÊ æÏÑÇÌÇÊ äÇÑíÉ æ ÇááßÊÑæäíÇÊ æ ÊáÝæäÇÊ , Announcements ">

<meta name="generator" content="Web builder">

<?php

include("config.php");

$q=mysql_query ("select Car_pic from car order by Car_id desc LIMIT 10") or trigger_error(mysql_error(),E_USER_ERROR);

$newarray=array();

$i=0;

while($row=mysql_fetch_assoc($q))

{

$newarray[]=$row[Car_pic];

}

for ($i=0;$i<=10;$i++)

echo $newarray[$i];

?>

<style type="text/css">

div#container

{

width: 616px;

position: relative;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

text-align: left;

}

</style>

<style type="text/css">

body

{

text-align: center;

margin: 0;

background-color: #FFFFFF;

color: #000000;

}

</style>

<script type="text/javascript">

<!--

function FadeImage(id, duration)

{

var millisec = Math.round(duration / 100);

var timer = 0;

for(i = 0; i <= 100; i++)

{

setTimeout("SetOpacity('" + id + "'," + i + ")",(timer * millisec));

timer++;

}

}

function SetOpacity(id,opacity)

{

var element = document.getElementById(id).style;

element.opacity = (opacity / 100);

element.MozOpacity = (opacity / 100);

element.KhtmlOpacity = (opacity / 100);

element.filter = "alpha(opacity=" + opacity + ")";

}

//-->

</script>

<script type="text/javascript">

<!--

// -->

</script>

<style type="text/css">

a:active

{

color: #0000FF;

}

</style>

</head>

<body>

<script type="text/javascript">

<!--

var SlideShow1_Index = -1;

var SlideShow1_Images = new Array();

for(int i=0;i<=10;i++)

{

SlideShow1_Images = $newarray;

}

function SlideShow1ShowNext()

{

SlideShow1_Index = SlideShow1_Index + 1;

if (SlideShow1_Index > 2)

SlideShow1_Index = 0;

document.getElementById('SlideShow1_Fade').src = document.getElementById('SlideShow1').src;

SetOpacity('SlideShow1', 0);

eval("document.SlideShow1.src = SlideShow1_Images[" + SlideShow1_Index + "][0]");

setTimeout("SlideShow1ShowNext();", 2000);

FadeImage('SlideShow1', 1500);

}

// -->

</script>

<img src="images/.jpg" style="position:absolute;left:0px;top:0px;" id="SlideShow1_Fade" border="0" align="top" alt="" width="562" height="444" name="SlideShow1_Fade">

<img src="images/.jpg" style="position:absolute;left:0px;top:0px;" id="SlideShow1" border="0" align="top" alt="" width="562" height="444" name="SlideShow1">

<script type="text/javascript">

<!--

SlideShow1ShowNext();

// -->

</script>

</div>

<div id="wb_SlideShow2" style="position:absolute;left:318px;top:395px;width:0px;height:0px;z-index:3;overflow:hidden" align="left">

</div>

</div>

</body>

</html>

مواضيع مشابهة