Open Mohanad-Nassar opened 1 year ago
Mohanad-Nassar
commented
1 year ago User Story Title: Navigate Between Images
As a website visitor, I want to navigate between the images in the carousel. I want to be able to: click on a "Next" button to move to the next image or a "Previous" button to move to the previous image. So that: I can manually control which image I'm currently viewing.
Mohanad-Nassar
commented
1 year ago .
Mohanad-Nassar
commented
1 year ago Mohanad-Nassar
commented
1 year ago Slack thread link: https://cyf-introtodigital.slack.com/archives/C0554HCJMEG/p1693843995178599
Mohanad-Nassar
commented
1 year ago %C2%90HANDLER%26variables_set'~id!'X%5Dk%5B2uLFB0PukS%7BMx)fx%22%C2%90VALUE%26lists_create_with'~id!'NU%7Ci%7DPXSktR%3B%60a%2C%24WSIG'~extraState!('itemCount!4)%C2%90ADD0%C2%8E_mkYW(8%3FbiX-c%7C%23q%24T%2Fl'%C2%91!%7F%C2%95%2F%C2%95--1--wayqo%C2%931%C2%8EP3w7P*%3D-m%7DYBoqjO_Q6~%C2%91!%7F%C2%96%2F%C2%96--1--ypur8%C2%932%C2%8EwSHBg%5D%5DF%2Bh8AAAfH%60RNa'%C2%91!%7F%C2%97%2F%C2%97--1--6hnt2%C2%933%C2%8Es%23Gq8B%7CMf9n%23V7Msk%5E%3BH'%C2%91!%7F%C2%86cu%C2%81'))%C2%8767%2C'l%2FScDmSSd%2B3%2CSq%2FfH'~x!61~y!170%C2%85next%C2%88%C2%8FMD*iP%3Bk9%2F1o%2COk%2Fi%5B9lz'%C2%82%C2%8Btribute'~id!'-%5E-MnEh%60iKwO%2C'XXh'%3AI2%24%C2%99%C2%80%C2%84v.%5EWqDcI%2CdYy%25P%3BTA*%3B'%3A%C2%89'~WHERE!'FIRST%C2%80%C2%836sWUO%23iYlqbJC%25E%40n%3DdQ%22%C2%8C)tJK6%3Ah8'%3AVmt%3Dxo%3F%5BJ%40c'%C2%82WHERE!'END%C2%80%C2%84%3B3fB(x%5BC%5By(K%5B)71n%60T)%C2%94FIRST%C2%80%C2%83%24N%24ZnFr(2T35I%60a.%7ClX3%22%C2%9AaKQ5%2C'S7%2B6y%5D6%7B2%5DGk%2FoQ%22%C2%87to-%2B%2526MlHVj%3BZoMrd3l'~x!65~y!366%C2%85previous%C2%88%C2%8F1UGm6bs9Luv-hcBxwFI)'%C2%82%C2%8Btribute'~id!'jxs%5E).%2C'%2ByKK%3Fo%2Bs%5E%5EPiS%C2%99%C2%80%C2%84%3B%25UG%7C%3Dd%2CCE%3D%3A-663Ypw%7C%C2%89'~WHERE!'LAST%C2%80%C2%83%7DL%40%2C%2C'KxuqCPCfiF%7D%60%7BSn%22%C2%8Cl%3AEL%7C%7DO%3F63%7CSS%7DL%7Ba%3DD%3A'%C2%82WHERE!'START%C2%80%C2%843kv_JgVXc2M%2C'%3D%23K%5E%7D%25mx%C2%94LAST%C2%80%C2%83I%7BBF5B.Pb_Gwp9-LlJ68%22%C2%9AC%7Br%23K8%23C%40%40qIM.p-%25M%3FN%22)))))))))%5D)~variables!%5B('name!'links'~%C2%8A%2C('name!'array'~id!'Ot4%3A%23Cb5%5EvV%2CE9%2BUlm%40V')%5D)~h!'%3Cp%3E%5Cn%3Cu%3ENote%3A%3C%2Fu%3E%20When%20switching%20between%20the%20%5C'next%5C'%20and%20the%20%5C'previous%5C'%20buttons%2C%20you%20might%20need%20to%20double-click.%3C%2Fp%3E%5Cn%5Cn%3Cimg%20id%3D%20%5C'image%5C'%20%20src%3D%5C%7F%C2%86cu%C2%81%5C'%20%20%20width%3D%5C'300%5C'%20height%3D%5C'300%5C'%20%20border%3D%5C'1%5C'%3E%20%C2%8D%5Cn%C2%92previous%5C'%3E%E2%AC%85%20Previous%20%3C%2Fbutton%3E%C2%92next%5C'%3ENext%20%E2%9E%A1%20%3C%2Fbutton%3E%C2%8D')%22'%C2%82VAR!('%C2%8A)%26!('block!('type!'%7F'https%3A%2F%2Fimages.nightcafe.studio%2Fjobs%2F%C2%80')%C2%90VALUE%26%C2%81.jpg%3Ftr%3Dw-1600%2Cc-at_max%C2%82~fields!('%C2%83variables_get'~id!'%C2%84arrays_getFirst'~id!'%C2%85%C2%911!'when%20the%20element%20with%20id'~ID!'%C2%86%C2%98%2F%C2%98--1--tl0%C2%87)))))))))%2C('type!'element_clicked'~id!'%C2%88'~TEXT2!'is%20clicked')%C2%90HANDLER%C2%89'%C2%82MODE!'GET%C2%8Aid!'JuD%7C%2F)n_N*qzQ%3F*%2CFTJ%3A')%C2%8BID!'image')%C2%90STACK%26set_at%C2%8C)))))))))~next%26arrays_push'~id!'%C2%8D%5Cn%5Cn%3Cbr%3E%5Cn%3Cbr%3E%C2%8E%26text'~id!'%C2%8F%26with_element_by_id'~id!'%C2%90~inputs!('%C2%91%C2%82TEXT%C2%92%5Cn%3Cbutton%20id%3D%5C'%C2%93%C2%81')))~ADD%C2%94%C2%89_REMOVE'~WHERE!'%C2%95LmVR1UWu9U63ki4qXDbU%C2%96gO3shhFPPsU8biSLZ3Jd%C2%97xukm3SftiwdrGwXBtQga%C2%98grqjRa3f0OZU2en5FEVd%C2%99'%C2%82PROPERTY!'src%C2%9A)))))~LIST%26%C2%83%01%C2%9A%C2%99%C2%98%C2%97%C2%96%C2%95%C2%94%C2%93%C2%92%C2%91%C2%90%C2%8F%C2%8E%C2%8D%C2%8C%C2%8B%C2%8A%C2%89%C2%88%C2%87%C2%86%C2%85%C2%84%C2%83%C2%82%C2%81%C2%80%7F%26%22_){kind=link}
From Course-Fundamentals created by SallyMcGrath: CodeYourFuture/Course-Fundamentals#7
Link to the coursework
https://blocks.codeyourfuture.io/
Why are we doing this?
Pick one or more of the following projects, define its requirements by writing the user stories, iteratively develop it in CYF Blocks, and ship it! This is part of the graduation criteria.
Maximum time in hours
10
How to submit
Write up one of your projects on your copy of this ticket, not forgetting to include:
Share your deployed website in your cohort's Slack channel.