PHP-and-MySQL/C4/Display-Images-from-a-Directory/Gujarati

Time	Narration
0:00	ડાયરેક્ટ્રીમાં ઈમેજીસ કેવી રીતે સૂચીબદ્ધ કરવી તે પરનાં આ ટ્યુટોરીયલમાં તમારું સ્વાગત છે.
0:07	આ ટ્યુટોરીયલ આપણે શીખીશું, ફાઈલો સૂચીબદ્ધ કરવી અને html કોડ જેવા કે ઈમેજ ટેગ, જે ડાયરેક્ટ્રીમાં સૂચીબદ્ધ થયેલ ઈમેજોને એકો કરે છે તેમને વાપરવા માટે ફાઈલો મેનીપ્યુલેટ કરવી.
0:23	અંતિમ પરીણામ આ પ્રમાણે દેખાશે.
0:26	મેં 8 ઈમેજો બનાવી છે અને તે પેજની નીચેની બાજુએ સૂચીબદ્ધ થશે. આ તમામ અહીં જુદી જુદી ઈમેજો છે.
0:33	હું તમને બતાવીશ કે મેં મારું ડાયરેક્ટ્રી સ્ટ્રક્ચર કેવી રીતે સુયોજિત કર્યું છે - તે આ પ્રમાણે છે.
0:37	મારી પાસે 'show dot php' ફાઈલ છે જેની સાથે આપણે અહીં કામ કરીશું.
0:42	અને ત્યારબાદ મારી પાસે images ફોલ્ડર છે જેમાં ઈમેજો છે જે અહીં સૂચીબદ્ધ કરવામાં આવી છે.
0:53	એનાંથી કોઈપણ ફરક પડતો નથી કે તે કયા ફોર્મેટમાં છે.
0:56	તે મિશ્ર ફોર્મેટ, કોઈ એક ફોર્મેટ હોઈ શકે છે અને html વાળી કોઈપણ ફોર્મેટની ડીસપ્લે અથવા ઈમેજ ફાઈલ કામ કરશે.
1:04	તો અહીં 'show dot php' છે.
1:06	અને આ સમયે આ અહીં અંદરથી ખાલી છે.
1:09	અને આપણને php ટેગોની જરૂર રહેશે.
1:13	અને આપણે એ રીતે કરીશું કે સૌપ્રથમ ઈમેજોની ડાયરેક્ટ્રી સાથે એક વેરીએબલ સુયોજિત કરીશું.
1:20	અને જેવું મેં બતાવ્યું છે, આ 'images' છે અને અહીં આગળ એક ફોરવર્ડ સ્લેશ છે.
1:24	આ ચિહ્નો પર વિશેષ ધ્યાન આપો જેમ કે બેક- સ્લેશ. php માં આ ખાસ અક્ષરો છે જે તેની બાદ આવનારા અક્ષરને રદ કરે છે.
1:35	તો ઉદાહરણ તરીકે જો તમારી પાસે 'images forward slash photos' છે તો આ php 'images-hotos' તરીકે લખશે કારણ કે આ અક્ષર 'p' ને રદ્દ કરશે.
1:51	તેથી ખાતરી કરો કે તમે ફોરવર્ડ સ્લેશ વાપરી રહ્યા છો અને અહીં આ 'photos' નથી.
1:57	આગળ 'open dir function' ને ઉપયોગમાં લઈશું.
2:01	મૂળભૂત રીતે આ આપણા માટે ડાયરેક્ટ્રી ખોલશે.
2:05	આ ડાયરેક્ટ્રીનાં કન્ટેનટ્સ ન ખોલશે.
2:08	આ ફક્ત ડાયરેક્ટ્રીને ખોલશે, અહીં આ ડાયરેક્ટ્રી.
2:14	તો આ આજ રીતે રાખવાં કરતા આપણે શું કરીશું, if open dir equals to 'open dir', open dir નવું વેરીએબલ છે અને dir. તો અહીં આને આ સાથે મેચ કરીશું.
2:27	અને મૂળભૂત રીતે આ શું કરે છે કે, આ કહે છે જો આ સફળતાપૂર્વક પુરું થયું છે અને ત્યારબાદ આ ઓપન ડાયરેક્ટ્રીને 'open dir' નામ આપે છે જેથી આપણે તેને પછીથી મેનીપ્યુંલેટ [ફેરફાર] કરી શકીએ.
2:40	આપણે આ કરીએ છીએ કારણ કે જો ડાયરેક્ટ્રી અસ્તિત્વમાં નથી, તો આપણને ઘણો કોડ અને એરરો મળશે.
2:47	આ કહે છે જો કોઈ એરરો નથી તો આપણે અંદરનાં કોડ અને બ્લોક સાથે ચાલુ રાખી શકીએ છીએ.
2:56	હવે આવનારું થોડું જટિલ છે.
2:59	ચાલો તેને એનોટેટ કરીએ.
3:00	આ ડાયરેક્ટ્રી ખોલવા માટે છે.
3:03	અને અંદર ડાયરેક્ટ્રીને વાંચીશું તેથી 'read dir'.
3:09	અને આ while લૂપ સાથે કરીશું કારણ કે while લૂપની ફરતેનાં પ્રત્યેક લૂપ માટે આપણે ફોલ્ડરમાં દરેક ઈમેજની ઈમેજ એકો અથવા દર્શાવવાં ઈચ્છીએ છીએ.
3:23	તો while લૂપ સાથે શરૂઆત કરીશું, આપણે એ બનાવીશું જે આ અંદર જશે, અને અહીં કોડનો બ્લોક છે જે એક્ઝેક્યુટ કરીશું, અહીં આની વચ્ચે, while લૂપ માટે.
3:32	આ માટે આપણે શું કરીશું, if file equals read directory, આ નવું ફંક્શન છે જેને મેં હમણાં પરિચિત કર્યું છે.
3:44	તમે અનુમાન લગાવી લીધું હશે કે અહીં 'open dir' વેરીએબલ ટાઈપ કરવું પડશે.
3:51	તો આ એ ડાયરેક્ટ્રી વાંચે છે જે આપણે પહેલાથી જ open dir ફંક્શનથી ખોલેલ છે.
3:57	તો આ બે ખરેખર ઉપયોગી ફંકશનો છે, તો હું આને એકબીજાં સાથે વાપરી શકું છું.
4:03	અને ફરીથી આપણે અહીં તેને વેલીડેટ કરીશું અને કહીશું જો આ 'false' બરાબર નથી અથવા સમાન નથી અથવા આ ખુલતું નથી કે આ વાંચી શકાતું નથી તો તેનો અર્થ એ છે કે આપણને પછીથી અમુક એરરો મળશે.
4:17	અને આ સાથે સ્ટ્રક્ચરની શરૂઆત કરવાની જરૂર છે.
4:20	આપણે આને પેરેન્થેસીઝમાં મુકવાની જરૂર છે.
4:23	તો આને પેરેન્થેસીઝમાં મુકીએ.
4:25	તો આ આપણું પૂર્ણ while સ્ટેટમેંટ હશે.
4:30	હવે આ અંદર આ કરવાનો એક અત્યંત સરળ માર્ગ છે કારણ કે આપણે આ ફાઈલ વેરીએબલ બનાવ્યું છે.
4:35	અને આપણે આ while લૂપમાં છીએ તેથી આ, આ ડાયરેક્ટ્રી અંદર સમાયેલ દરેક ફાઈલ માટે અપડેટ થશે.
4:40	તો આપણે 'echo file' લખીશું અને આના અંતમાં 'br' ઉમેરીશું.
4:50	તો જો આપણે આપણું બ્રાઉઝર ખોલી રીફ્રેશ કરીએ, તમે જોઈ શકો છો કે તમામ ડાયરેક્ટ્રીઓ સૂચીબદ્ધ થયેલી મળી છે.
4:55	હમણાં ડાયરેક્ટ્રી સૂચીબદ્ધ કરવાં પર બીજાં કેટલાક ટ્યુટોરીયલો છે, મને લાગે છે કે મેં પહેલા આનો ઉલ્લેખ કર્યો છે.
5:00	આપણી પાસે ડોટઅને ડબલ ડોટ છે, ડાયરેક્ટ્રી સ્ટ્રક્ચરો માટે આ એક પ્રમાણભૂત સંકેતો છે.
5:05	ડોટ મારા હિસાબે વર્તમાન ડાયરેક્ટ્રી છે, બે ડોટ પાછળ જવાં માટે છે.
5:13	પણ હમણાં આપણે આને while લૂપમાં વેલીડેટ કરવાની જરૂર છે એ ખાતરી કરવા માટે કે આપણે આ ડોટ અને આ પૂર્ણ વિરામને એકો ન કરીએ - માફ કરો, આ બે ડોટ.
5:22	કારણ કે જો આપણે આને ઈમેજો તરીકે દર્શાવી રહ્યા છીએ તો આ એક વેલીડ ઈમેજ નથી અને આ પણ એક વેલીડ ઈમેજ નથી.
5:27	તો આપણે આ રદ કરવાની જરૂર છે.
5:28	તેથી હું લખીશ if file ડોટ સમાન નથી - આપણને 'or' નાં બદલે અહીં 'and' જોઈશે - અને file એ ડોટ ડોટ સમાન નથી.
5:45	તો જેમ આપણે એ દ્વારા લૂપ કરીએ છીએ આ દર્શાવશે "Does this equal dot?" [શું આ ડોટની બરાબર છે?]
5:50	પ્રથમ કિસ્સામાં આ 'yes' રહેશે તેથી આપણે if અંદર આ સ્ટેટમેંટ અવગણીશું - if સ્ટેટમેંટ અંદરનો એક કમાંડ.
5:59	અને એજ રીતે આપણે આ પણ ચકાસીશું, તો બંને ટ્રુ થશે.
6:04	તો રીફ્રેશ કરીશું અને આપણે જોઈશું કે આ અદૃશ્ય થઇ ગયા છે.
6:07	તો આગળ, આ ફાઈલ વેરીએબલ મેનીપ્યુલેટ કરવાની જરૂર છે, જેથી એક ઈમેજ બને.
6:16	તો આપણે આ બધું રદ કરીશું અને omni શબ્દ રૂપે અમુક html કોડ લખીશું.
6:23	તો અહીં ઈમેજ સોર્સ ઇકવલ ટુ કંઈક.
6:26	તમે ઊંચાઈ અને પહોળાઈ સ્પષ્ટ કરી શકો છો પરંતુ હમણાં હું આ ન કરીશ કારણ કે મારી ઈમેજમાં ઊંચાઈ અને પહોળાઈ પહેલાથી સુયોજિત છે.
6:33	જો તમારી પાસે જુદા જુદા માપની ઈમેજો હોય, તો તમે આ તમામને એક જ માપમાં રાખવા ઇચ્છશો અને પછી તેના પર એક હાયપર લીંક રાખી શકો છો જેથી એને ક્લિક કરી તમે તેને વ્યક્તિગત રીતે જોઈ શકો.
6:43	પણ આ અત્યંત સરળ અને સીધું છે અને હું આ કરવા માટે તમને php કોડ બતાવીશ.
6:50	ત્યારબાદ દરેક પછી એક બ્રેક રહેશે.
6:52	તો અહીં અંદર, તમે વિચારશો કે આ 'file' મુકશે પણ એને બદલે જયારે તમે આ રીફ્રેશ કરો છો, તમે જોઈ શકો છો કે આપણને તૂટેલી ઈમેજો મળી છે.
7:00	કારણ કે જો હું properties ક્લિક કરું છું, તમે અહીં જોઈ શકો છો કે આપણે directory images અને image 1 કહ્યું છે.
7:07	આપણને અહીં images ડીરેક્ટ્રીની આવશક્યતા છે.
7:10	તો આપણે images લખી શકીએ પરંતુ આપણી પાસે તે માટે એક વેરીએબલ પહેલાથી છે, જે છે 'dir'.
7:14	તો આપણે લખીશું 'dir forward slash file' તો આ images forward slash file રહેશે.
7:19	તો હવે જયારે આપણે રીફ્રેશ કરીએ છીએ તમે જોશો કે આપણે એજ પેજ પર પાછા આવ્યાં છીએ જે મેં તમને આ ટ્યુટોરીયલની શરૂઆતમાં બતાવ્યું હતું.
7:27	તો હમણાં માટે આટલું જ. અમુક બાબતો કરવું અને મુકવું વગેરે માટે બીજાં ઘણાં અદ્યતન માર્ગો છે.
7:35	પરંતુ જો તમને કોઈપણ સમસ્યા હોય તો કૃપા કરી સંપર્ક કરો. મને મદદ કરવામાં ખુશી થશે.
7:44	જોડાવા બદ્દલ આભાર. આઈઆઈટી બોમ્બે તરફથી સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ માટે ભાષાંતર કરનાર હું, જ્યોતી સોલંકી વિદાય લઉં છું.

Contributors and Content Editors

Jyotisolanki, Krupali