{"id":26944006,"date":"2024-10-20T15:19:54","date_gmt":"2024-10-20T15:19:54","guid":{"rendered":"https:\/\/www.fastudio.my\/?page_id=26944006"},"modified":"2024-11-16T01:52:27","modified_gmt":"2024-11-16T01:52:27","slug":"image-showcase","status":"publish","type":"page","link":"https:\/\/demo.fastudio.my\/divi-pixel\/modules\/image-showcase\/","title":{"rendered":"Image Showcase"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0C71C3&#8243; background_enable_pattern_style=&#8221;on&#8221; background_pattern_style=&#8221;diagonal-stripes&#8221; background_pattern_color=&#8221;rgba(0,0,0,0.04)&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_heading title=&#8221;Image Showcase&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;|700|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#f2bc39&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_heading][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; text_orientation=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;]<p>Tingkatkan tapak web Divi anda dengan visual yang menakjubkan! Gunakan modul Pameran Imej kami, yang menampilkan 26 mockup peranti yang indah. Pamerkan imej anda dengan mudah dan libatkan pelawat dengan fungsi peluncur. Tingkatkan persembahan anda untuk memikat penonton anda.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;rgba(68,0,153,0.04)&#8221; background_enable_image=&#8221;off&#8221; custom_padding=&#8221;80px||80px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;column-reverse-mobile&#8221; _builder_version=&#8221;4.23.2&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1450px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;|600|||||||&#8221; header_3_text_color=&#8221;#15022a&#8221; header_3_font_size=&#8221;34px&#8221; header_3_line_height=&#8221;1.2em&#8221; max_width=&#8221;543px&#8221; max_width_tablet=&#8221;800px&#8221; max_width_phone=&#8221;800px&#8221; max_width_last_edited=&#8221;on|tablet&#8221; custom_margin=&#8221;||10px||false|false&#8221; custom_margin_tablet=&#8221;30px||10px||false|false&#8221; custom_margin_phone=&#8221;30px||10px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; header_3_font_size_tablet=&#8221;32px&#8221; header_3_font_size_phone=&#8221;28px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<h3>Display your web design projects with style<\/h3>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; max_width=&#8221;607px&#8221; text_font_size_tablet=&#8221;18px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Image Showcase module has been specifically designed for web designers and web agencies where the presentation of the projects completed is crucial. Showcasing your work in a slider form, on a beautiful device might be a good solution not only to save space but also add some interactivity to your Divi website.<\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.23.2&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0.2|0|-0.2&#8243; scroll_horizontal_motion_tablet=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_phone=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase enable_vertical_scroll=&#8221;on&#8221; scroll_speed=&#8221;15&#8243; back_scroll_speed=&#8221;3&#8243; speed=&#8221;800&#8243; loop=&#8221;on&#8221; autoplay=&#8221;on&#8221; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;532px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-sushi-ss-8.jpg&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-sushi-ss-10.jpg&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-sushi-ss-13.jpg&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][\/dipi_image_showcase][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#ffffff&#8221; background_enable_image=&#8221;off&#8221; background_blend=&#8221;overlay&#8221; custom_padding=&#8221;80px||80px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;reverse-columns&#8221; _builder_version=&#8221;4.23.2&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1450px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.23.2&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|-0.2|0|0.2&#8243; scroll_horizontal_motion_tablet=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_phone=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase mockup=&#8221;MacBook Floating White Left&#8221; effect=&#8221;coverflow&#8221; rotate=&#8221;70&#8243; speed=&#8221;801&#8243; loop=&#8221;on&#8221; autoplay=&#8221;on&#8221; autoplay_speed=&#8221;4001&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/agency-layout-pack.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/barbershop-layout.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][\/dipi_image_showcase][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;|600|||||||&#8221; header_3_text_color=&#8221;#15022a&#8221; header_3_font_size=&#8221;34px&#8221; header_3_line_height=&#8221;1.2em&#8221; max_width=&#8221;543px&#8221; max_width_tablet=&#8221;100%&#8221; max_width_phone=&#8221;100%&#8221; max_width_last_edited=&#8221;on|tablet&#8221; custom_margin=&#8221;||10px||false|false&#8221; header_3_font_size_tablet=&#8221;30px&#8221; header_3_font_size_phone=&#8221;28px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<h3>Your work deserves a good presentation<\/h3>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; max_width=&#8221;612px&#8221; text_font_size_tablet=&#8221;18px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Image Showcase module offers 26 professional device mockups where your web design projects will stand out. You can select desktop, tablet or mobile phone and also choose the view of the device selected.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#2c2831&#8243; background_enable_image=&#8221;off&#8221; background_size=&#8221;contain&#8221; background_position=&#8221;center_right&#8221; custom_padding=&#8221;100px||100px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;column-reverse-mobile&#8221; _builder_version=&#8221;4.23.2&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1450px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;|600|||||||&#8221; header_3_text_color=&#8221;#FFFFFF&#8221; header_3_font_size=&#8221;34px&#8221; header_3_line_height=&#8221;1.2em&#8221; max_width=&#8221;426px&#8221; max_width_tablet=&#8221;800px&#8221; max_width_phone=&#8221;800px&#8221; max_width_last_edited=&#8221;on|tablet&#8221; custom_margin=&#8221;||10px||false|false&#8221; header_3_font_size_tablet=&#8221;30px&#8221; header_3_font_size_phone=&#8221;28px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<h3>Image Showcase module is SEO friendly<\/h3>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(255,255,255,0.79)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; max_width=&#8221;612px&#8221; text_font_size_tablet=&#8221;18px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>You can upload multiple images to the module and each image has a Label and Alt Text field where you can add SEO data, so in HTML markup image descriptions (alt text) will be displayed.<\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.23.2&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0.2|0|-0.2&#8243; scroll_horizontal_motion_tablet=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_phone=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase mockup=&#8221;iMac White Right&#8221; effect=&#8221;fade&#8221; loop=&#8221;on&#8221; autoplay=&#8221;on&#8221; autoplay_speed=&#8221;3501&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/business-layout-pack-featured-small.png&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/bistro-layout-pack-featured.png&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][\/dipi_image_showcase][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#ffffff&#8221; background_enable_image=&#8221;off&#8221; background_blend=&#8221;overlay&#8221; custom_padding=&#8221;100px||100px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.23.2&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1450px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_3&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_blurb title=&#8221;26 Device Mockups&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe00d;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; image_icon_width=&#8221;43px&#8221; icon_alignment=&#8221;right&#8221; icon_alignment_tablet=&#8221;left&#8221; icon_alignment_phone=&#8221;&#8221; icon_alignment_last_edited=&#8221;on|tablet&#8221; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;right&#8221; max_width=&#8221;478px&#8221; max_width_tablet=&#8221;500px&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;right&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; text_orientation_tablet=&#8221;left&#8221; text_orientation_phone=&#8221;&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221; module_alignment_tablet=&#8221;left&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Select 1 of 26 available device mockups<\/p>[\/et_pb_blurb][et_pb_blurb title=&#8221;3 Slider Animations&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x2b;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; image_icon_width=&#8221;43px&#8221; icon_alignment=&#8221;right&#8221; icon_alignment_tablet=&#8221;left&#8221; icon_alignment_phone=&#8221;&#8221; icon_alignment_last_edited=&#8221;on|tablet&#8221; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;right&#8221; max_width=&#8221;369px&#8221; max_width_tablet=&#8221;500px&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;right&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; text_orientation_tablet=&#8221;left&#8221; text_orientation_phone=&#8221;&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221; module_alignment_tablet=&#8221;left&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>You can slide image with 3 slide animations: Fade, Slide and Coverflow<\/p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Mobile Responsive&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe00b;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; image_icon_width=&#8221;43px&#8221; icon_alignment=&#8221;right&#8221; icon_alignment_tablet=&#8221;left&#8221; icon_alignment_phone=&#8221;&#8221; icon_alignment_last_edited=&#8221;on|tablet&#8221; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;right&#8221; max_width=&#8221;286px&#8221; max_width_tablet=&#8221;500px&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;right&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; text_orientation_tablet=&#8221;left&#8221; text_orientation_phone=&#8221;&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221; module_alignment_tablet=&#8221;left&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Image Showcase module looks great on all devices.<\/p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.23.2&#8243; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|50|50|100|0.2|0|-0.2&#8243; scroll_vertical_motion_tablet=&#8221;0|50|50|100|0|0|0&#8243; scroll_vertical_motion_phone=&#8221;0|50|50|100|0|0|0&#8243; scroll_vertical_motion_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase mockup=&#8221;iPhone Pro Front&#8221; speed=&#8221;701&#8243; loop=&#8221;on&#8221; autoplay=&#8221;on&#8221; autoplay_speed=&#8221;3001&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;345px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-mobile-screenshoot-01.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-mobile-screenshoot-02.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-mobile-screenshoot-03.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][\/dipi_image_showcase][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_blurb title=&#8221;Highly Customizable&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x66;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; image_icon_width=&#8221;43px&#8221; icon_alignment=&#8221;left&#8221; icon_alignment_tablet=&#8221;left&#8221; icon_alignment_phone=&#8221;&#8221; icon_alignment_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; max_width=&#8221;354px&#8221; max_width_tablet=&#8221;500px&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;left&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; text_orientation_tablet=&#8221;left&#8221; text_orientation_phone=&#8221;&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221; module_alignment_tablet=&#8221;left&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Upload images and customize slider settings with ease.<\/p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Autoplay Option&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x49;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; image_icon_width=&#8221;43px&#8221; icon_alignment=&#8221;left&#8221; icon_alignment_tablet=&#8221;left&#8221; icon_alignment_phone=&#8221;&#8221; icon_alignment_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; max_width=&#8221;372px&#8221; max_width_tablet=&#8221;500px&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;left&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; text_orientation_tablet=&#8221;left&#8221; text_orientation_phone=&#8221;&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221; module_alignment_tablet=&#8221;left&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Enable Autoplay option and let the slider work automatically.<\/p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Loop Slider&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe02d;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; image_icon_width=&#8221;43px&#8221; icon_alignment=&#8221;left&#8221; icon_alignment_tablet=&#8221;left&#8221; icon_alignment_phone=&#8221;&#8221; icon_alignment_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; max_width=&#8221;333px&#8221; max_width_tablet=&#8221;500px&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;left&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; text_orientation_tablet=&#8221;left&#8221; text_orientation_phone=&#8221;&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221; module_alignment_tablet=&#8221;left&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>By enabling Loop option, your image will loop infinitely.<\/p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;rgba(68,0,153,0.04)&#8221; background_enable_image=&#8221;off&#8221; custom_padding=&#8221;100px||100px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.23.2&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1450px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.23.2&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|-0.2|0|0.2&#8243; scroll_horizontal_motion_tablet=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_phone=&#8221;0|50|50|100|0|0|0&#8243; scroll_horizontal_motion_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase mockup=&#8221;iPad Front&#8221; effect=&#8221;coverflow&#8221; loop=&#8221;on&#8221; autoplay=&#8221;on&#8221; autoplay_speed=&#8221;3001&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;583px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-tablet-screenshoot-01.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-tablet-screenshoot-02.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][dipi_image_showcase_child bg_img=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-tablet-screenshoot-03.jpg&#8221; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_image_showcase_child][\/dipi_image_showcase][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;|600|||||||&#8221; header_3_text_color=&#8221;#15022a&#8221; header_3_font_size=&#8221;34px&#8221; header_3_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;||10px||false|false&#8221; header_3_font_size_tablet=&#8221;32px&#8221; header_3_font_size_phone=&#8221;28px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<h3>Build better website with Divi Pixel<\/h3>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; max_width=&#8221;612px&#8221; text_font_size_tablet=&#8221;18px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>All custom modules available in the Divi Pixel have been specifically crafted to help designers and developers build better Divi websites.<\/p>[\/et_pb_text][et_pb_blurb title=&#8221;Loop Slider&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe02d;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;43px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; max_width=&#8221;484px&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Enable Loop option to play slides infinitely.<\/p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Autoplay&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe00a;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;43px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; max_width=&#8221;484px&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Enable Autoplay option to use slider on your device.<\/p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Coverflow Effect&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe031;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;43px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; max_width=&#8221;484px&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Add an amazing Coverflow effet to your slider.<\/p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Highly Customizable&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe007;||divi||400&#8243; icon_color=&#8221;#15022a&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;43px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;22px&#8221; body_font=&#8221;|300|||||||&#8221; body_font_size=&#8221;17px&#8221; body_line_height=&#8221;1.6em&#8221; max_width=&#8221;484px&#8221; body_line_height_tablet=&#8221;&#8221; body_line_height_phone=&#8221;&#8221; body_line_height_last_edited=&#8221;on|desktop&#8221; icon_font_size=&#8221;43px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Customize slider animation effect, speed, duration and more!<\/p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Tingkatkan tapak web Divi anda dengan visual yang menakjubkan! Gunakan modul Pameran Imej kami, yang menampilkan 26 mockup peranti yang indah. Pamerkan imej anda dengan mudah dan libatkan pelawat dengan fungsi peluncur. Tingkatkan persembahan anda untuk memikat penonton anda.Display your web design projects with styleImage Showcase module has been specifically designed for web designers and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":26944642,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"dipi_cpt_category":[],"class_list":["post-26944006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/comments?post=26944006"}],"version-history":[{"count":0,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944006\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944642"}],"wp:attachment":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/media?parent=26944006"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/dipi_cpt_category?post=26944006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}