jQuery cycle Slideshow 2 شرح طريقة عمل

jquery css slideshow 2 شرح طريقة عمل

jQuery cycle plugin & jQuery & CSS & HTML5

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


  

jQuery cycle plugin

Arabic HTML

cars cars cars cars

هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. خلافاَ للإعتقاد السائد فإن لوريم إيبسوم ليس نصاَ عشوائياً، بل إن له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

خلافاَ للإعتقاد السائد فإن لوريم إيبسوم ليس نصاَ عشوائياً، بل إن له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم. هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها.

هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. خلافاَ للإعتقاد السائد فإن لوريم إيبسوم ليس نصاَ عشوائياً، بل إن له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

خلافاَ للإعتقاد السائد فإن لوريم إيبسوم ليس نصاَ عشوائياً، بل إن له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم. هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها.

© Copyright by Eldewiny


  	*{
  		margin:0;
  		padding:0;
  	}
  	#wrapper{
  		width:800px;
  		margin:0 auto;
  		position:relative;
  	}
  	header{
  		text-align: center;
  		margin:25px 0;
  		padding:15px;
  		background:#000;
  		color:#90a5a8;
  		border:2px solid #90a5a8;
  	}
  	header p{
  		font-size: 18px;
  		color:#c0c0c0;
  		padding-top:15px;
  		margin-left:12px;
  		letter-spacing: 14px;
  		text-transform: uppercase;
  	}
  	#slider{
  		width:800px;
  		height:400px;
  		overflow: hidden;
  		position: relative;
  	}
  	#sliderText{
  		width:800px;
  		height:100px;
  		background:#000;
  		color:#c0c0c0;
  		position:absolute;
  		top:300px;
  		z-index:5;
  		opacity: .7;
  	}
  	#sliderText p {
  		width:750px;
  		margin:15px;
  		text-align:center;
  		line-height:27px;
  		padding-left:10px;
  	}
	footer{
  		text-align: center;
  		margin:15px 0;
  		padding:10px;
  		background:#000;
  		color:#90a5a8;
  		border:2px solid #90a5a8;
  	}


  	$('#sliderImg').cycle({
  		fx: 'fade',
  		speed: 4000,
  	
  	},$('#sliderText').cycle({
  		fx : 'scrollUp',
  		speed: 4000,
  	}));

  • HTML-CSS jQuery
  • slideshow jquery طريقة عمل
  • ممكن تندضم دورة متكاملة احترافية بديزاين دريم ويفر cs6

    • eldewiny

      هى فكرة كويسة بس ديق الوقت  هو المشكلة بس هحاول 

  • Aboabeed1234

    الله يرضى عليك 
    ا عمل المذيد من الفديوهات فى الجكويرى مخصوص 

    • eldewiny

      انشاء الله هحاول نركز علية شوية 

  • الله يزييدك يااااااااماااااااااااااااااااااان……………

  • كيف اعمل كل هذا في الدريم ويفر ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

    • eldewiny

      في عندك 8 دروس لشرح دريم ويفر هتلاقي فيهم حلول لكل اسئلتك

  • مرام

    شكرا لك
    لدي سوال عندما اعرض الصفحه يطلع لي الكتابه العربيه رموز
    مالشكله ؟؟؟

    • eldewiny

      شوف الجزئية دة مكتوبة عندك في الهيدر و لا لاء

      • مرام

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

        • eldewiny

          في حاجة عندك في الاكواد غلط

          • مرام

            لا مش غلط واتاسف جدا لكثرة الاسئلة بس انا اول مره بعمل ويب سايت
            حليت مشكلتي الحمدلله
            بأضافة z-indx
            واعطيتها ترتيب القائمة اعلى من السلايد شو

  • ahmed

    good job