Merge pull request #277858 from AbdullahBell/web-application-firewall-diagram-lightbox-update

Web Application Firewall: Update: Add lightbox to all diagrams

Author: prmerger-automator[bot]

articles/web-application-firewall/ag/application-gateway-web-application-firewall-portal.md

@@ -23,7 +23,7 @@ In this tutorial, you learn how to:
 > * Create a storage account and configure diagnostics
 > * Test the application gateway
 
-:::image type="content" source="../media/application-gateway-web-application-firewall-portal/scenario-waf.png" alt-text="Diagram of the Web application firewall example.":::
+:::image type="content" source="../media/application-gateway-web-application-firewall-portal/scenario-waf.png" alt-text="Diagram of the Web application firewall example." lightbox="../media/application-gateway-web-application-firewall-portal/scenario-waf.png":::
 
 [!INCLUDE [updated-for-az](~/reusable-content/ce-skilling/azure/includes/updated-for-az.md)]
 

articles/web-application-firewall/ag/per-site-policies.md

@@ -29,7 +29,7 @@ In this article, you learn how to:
 * Create a storage account and configure diagnostics
 * Test the application gateway
 
-![Web application firewall example](../media/tutorial-restrict-web-traffic-powershell/scenario-waf.png)
+:::image type="content" source="../media/tutorial-restrict-web-traffic-powershell/scenario-waf.png" alt-text="Diagram of the Web application firewall example." lightbox="../media/tutorial-restrict-web-traffic-powershell/scenario-waf.png":::
 
 If you don't have an Azure subscription, create a [free account](https://azure.microsoft.com/free/?WT.mc_id=A261C142F) before you begin.
 

articles/web-application-firewall/ag/tutorial-restrict-web-traffic-cli.md

@@ -21,7 +21,7 @@ In this article, you learn how to:
  * Create a virtual machine scale set
  * Create a storage account and configure diagnostics
 
-![Web Application Firewall example](../media/tutorial-restrict-web-traffic-cli/scenario-waf.png)
+:::image type="content" source="../media/tutorial-restrict-web-traffic-cli/scenario-waf.png" alt-text="Diagram of the Web application firewall example." lightbox="../media/tutorial-restrict-web-traffic-cli/scenario-waf.png":::
 
 If you prefer, you can complete this procedure using [Azure PowerShell](tutorial-restrict-web-traffic-powershell.md).
 

articles/web-application-firewall/ag/tutorial-restrict-web-traffic-powershell.md

@@ -22,7 +22,7 @@ In this article, you learn how to:
 * Create a virtual machine scale set
 * Create a storage account and configure diagnostics
 
-![Web application firewall example](../media/tutorial-restrict-web-traffic-powershell/scenario-waf.png)
+:::image type="content" source="../media/tutorial-restrict-web-traffic-powershell/scenario-waf.png" alt-text="Diagram of the Web application firewall example." lightbox="../media/tutorial-restrict-web-traffic-powershell/scenario-waf.png":::
 
 If you prefer, you can complete this article using the [Azure portal](application-gateway-web-application-firewall-portal.md) or the [Azure CLI](tutorial-restrict-web-traffic-cli.md).