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

From Script | Spoken-Tutorial
Jump to: navigation, search
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