980926: Image issues resolved in JavaScript-ES5

Author: SF4524LogeshKumar

Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md

@@ -69,13 +69,13 @@ pdfviewer.appendTo('#PdfViewer');
 {% endhighlight %}
 {% endtabs %}
 
-![Alt text](../images/selection.png)
+![Alt text](./images/selection.png)
 
 ## Panning Mode
 
 In this mode, the panning and scrolling of the pages by touch can be performed in the PDF document loaded in the PDF Viewer, but the text selection cannot be performed.
 
-![Alt text](../images/pan.png)
+![Alt text](./images/pan.png)
 
 You can switch the interaction mode of PDF Viewer by using the following code snippet.,
 

Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md

@@ -69,7 +69,7 @@ The following magnification options are available in the default toolbar of PDF
 * [**FitPage**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#fittopage):- Fits the page width with in the available view port size.
 * [**FitWidth**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#fittowidth):- Fits the view port width based on the page content size.
 
-![Alt text ](../images/zoom.png)
+![Alt text ](./images/zoom.png)
 
 >PDF Viewer can support the zoom value ranges from 10 to 400.
 

Document-Processing/PDF/PDF-Viewer/javascript-es5/mobile-toolbar.md

@@ -15,25 +15,25 @@ The Mobile PDF Viewer offers a variety of features for viewing, searching, annot
 ## Mobile Mode Toolbar Configuration
 In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode:
 
-![Mobile toolbar with primary PDF interaction options](../images/mobileToolbar.png)
+![Mobile toolbar with primary PDF interaction options](./images/mobileToolbar.png)
 
 ### Main Toolbar Options:
 
 **OpenOption:** Tap to load a PDF document.
 
 **SearchOption:** Access the search bar to find text within the document.
 
-![Search bar displayed for finding text within a PDF](../images/searchOption.png)
+![Search bar displayed for finding text within a PDF](./images/searchOption.png)
 
 **UndoRedoTool:** Quickly undo or redo any annotations made.
 
 **OrganizePagesTool:** Enable or disable page organization features to modify document pages.
 
-![Page organization interface for modifying PDF pages](../images/organizePages.png)
+![Page organization interface for modifying PDF pages](./images/organizePages.png)
 
 **AnnotationEditTool:** Activate or deactivate annotation editing to add or modify annotations.
 
-![Annotation editing toolbar allowing users to add, edit, or delete annotations on a PDF](../images/editAnnotation.png)
+![Annotation editing toolbar allowing users to add, edit, or delete annotations on a PDF](./images/editAnnotation.png)
 
 
 N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer.
@@ -45,7 +45,7 @@ When you open the "more options" menu, you will see additional actions such as:
 
 **BookmarkOption:** Allows you to view bookmarks within the document.
 
-![More options menu showing additional actions like download and bookmark](../images/more-options.png)
+![More options menu showing additional actions like download and bookmark](./images/more-options.png)
 
 ## Enabling Desktop Mode in Mobile
 

Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md

@@ -70,7 +70,7 @@ pdfviewer.appendTo('#PdfViewer');
 {% endhighlight %}
 {% endtabs %}
 
-![Alt text](../images/navigation.png)
+![Alt text](./images/navigation.png)
 
 Also, you can programmatically perform page navigation options as follows.
 
@@ -216,7 +216,7 @@ pdfviewer.appendTo('#PdfViewer');
 {% endhighlight %}
 {% endtabs %}
 
-![Alt text](../images/bookmark.png)
+![Alt text](./images/bookmark.png)
 
 To perform bookmark navigation, you can use the **goToBookmark** method. It's important to note that the **goToBookmark** method will throw an error if the specified bookmark does not exist in the PDF document.
 
@@ -280,13 +280,13 @@ pdfviewer.appendTo('#PdfViewer');
 {% endhighlight %}
 {% endtabs %}
 
-![Alt text](../images/thumbnail.png)
+![Alt text](./images/thumbnail.png)
 
 ## Hyperlink navigation
 
 Hyperlink navigation features enables navigation to the URLs (website links) in a PDF file.
 
-![Alt text](../images/link.png)
+![Alt text](./images/link.png)
 
 ## Table of content navigation
 
@@ -347,7 +347,7 @@ pdfviewer.appendTo('#PdfViewer');
 {% endtabs %}
 ```
 
-![Alt text](../images/toc.png)
+![Alt text](./images/toc.png)
 
 ## See also
 

Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf.md

@@ -17,7 +17,7 @@ The PDF Viewer allows you to manage your PDF documents efficiently by organizing
 
 To access the organize pages feature, simply open the PDF document in the PDF Viewer and navigate to the left vertical toolbar. Look for the [Organize Pages](https://ej2.syncfusion.com/documentation/api/pdfviewer/pageOrganizerSettingsModel/) option to begin utilizing these capabilities.
 
-![Alt text](../images/organize-page.png)
+![Alt text](./images/organize-page.png)
 
 The page organization support enables you to perform various actions such as rotating, rearranging, inserting, copying, and deleting pages within a PDF document using organize pages dialog.
 
@@ -34,7 +34,7 @@ You can easily change the sequence of pages within your document using the drag
 
 * `Drag and drop`: Click and drag a page thumbnail to the desired position within the document, then release it to rearrange the page order.
 
-![Alt text](../images/rotate-rearrange.gif)
+![Alt text](./images/rotate-rearrange.gif)
 
 ### Inserting new pages
 
@@ -56,21 +56,21 @@ Duplicate the pages within your PDF document effortlessly:
 
 * `Select pages to copy`: Click on the page thumbnails you wish to duplicate. Use the copy option to create duplicates. When a page is copied, the duplicate is automatically added to the right of the selected page. Multiple copies can be made using the toolbar action.
 
-![Alt text](../images/insert-delete-copy.gif)
+![Alt text](./images/insert-delete-copy.gif)
 
 ### Importing a PDF Document
 
 Seamlessly import a PDF document into your existing document:
 
 * `Import PDF document`: Click the **Import Document** button to import a PDF. If a page is selected, the imported document’s thumbnail will be inserted to the right of the selected page. If multiple or no pages are selected, the thumbnail will be added as the first page. When **Save** or **Save As** is clicked, the imported PDF will be merged with the current document. You can insert a blank page to the left or right of the imported thumbnail, delete it, or drag and drop it to reposition as needed.
 
-![Alt text](../images/import.gif)
+![Alt text](./images/import.gif)
 
 ### Selecting all pages
 
 Make comprehensive adjustments by selecting all pages simultaneously. This facilitates efficient editing and formatting across the entire document.
 
-![Alt text](../images/selectall.png)
+![Alt text](./images/selectall.png)
 
 ### Zooming Page Thumbnails
 
@@ -82,7 +82,7 @@ Adjust the size of page thumbnails within the organizer panel for better visibil
 
 This feature is especially useful when working with documents containing complex layouts or small details that need careful examination during organization.
 
-![Alt text](../images/zoomOrganize.png)
+![Alt text](./images/zoomOrganize.png)
 
 ### Real-time updates
 
@@ -216,7 +216,7 @@ The following keyboard shortcuts are available at the organize pages dialog.
 * **Ctrl+Y** : Redo the action that was undone
 * **Ctrl+Scroll** : Zoom in and zoom out page thumbnails for better visibility.
 
-![Alt text](../images/undo-redo.png)
+![Alt text](./images/undo-redo.png)
 
 #### Conclusion
 

Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md

@@ -58,7 +58,7 @@ pdfviewer.appendTo('#PdfViewer');
 {% endhighlight %}
 {% endtabs %}
 
-![Alt text](../images/print.png)
+![Alt text](./images/print.png)
 
 You can invoke print action using the following code snippet.,
 

Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md

@@ -63,27 +63,27 @@ pdfviewer.appendTo('#PdfViewer');
 ### Real time search suggestion while typing
 Entering text into the search input dynamically displays search suggestions based on the provided input. The suggestions are updated in real-time as text is typed, offering relevant matches from the available content. This feature enhances the search experience by allowing quick access to potential results while typing.
 
-![Alt text](../images/SingleSearchPopup.png)
+![Alt text](./images/SingleSearchPopup.png)
 
 ### Selecting Search Suggestions from the Popup
 Entering text into the search input triggers a popup displaying relevant suggestions based on the input. Selecting a suggestion from the popup enables direct navigation to its occurrences in the document.
 
-![Alt text](../images/SearchResultFromPopup.png)
+![Alt text](./images/SearchResultFromPopup.png)
 
 ### Search Text with enabling 'Match Case' checkbox
 By enabling the 'Match Case' option and entering text into the search input, only the exact case-sensitive matches in the document are highlighted. This feature allows navigation through each occurrence of the exact text match within the document.
 
-![Alt text](../images/SearchNavigationMatchCase.png)
+![Alt text](./images/SearchNavigationMatchCase.png)
 
 ### Search Text without enabling 'Match Case' checkbox
 When text is entered into the search input without enabling the 'Match Case' option, all instances of the text, regardless of case, are highlighted in the document. This allows easy navigation through every occurrence of the search term.
 
-![Alt text](../images/SearchNavigationNoMatchCase.png)
+![Alt text](./images/SearchNavigationNoMatchCase.png)
 
 ### Search list of text by enabling 'Match Any Word' checkbox
 When the 'Match Any Word' option is enabled, the entered text in the search input is split into individual words based on spaces. As the text is typed, the popup dynamically displays search suggestions for each word in real time, highlighting potential matches within the document.
 
-![Alt text](../images/MultiSearchPopup.png)
+![Alt text](./images/MultiSearchPopup.png)
 
 The following text search methods are available in the PDF Viewer,
 
@@ -92,7 +92,7 @@ The following text search methods are available in the PDF Viewer,
 * [**Search previous**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchprevious):- Searches the previous occurrence of the searched text from the current occurrence of the PdfViewer.
 * [**Cancel text search**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#canceltextsearch):- The text search can be cancelled and the highlighted occurrences from the PDF Viewer can be removed .
 
-![Alt text](../images/search.png)
+![Alt text](./images/search.png)
 
 ## Find text method
 Searches for the specified text or an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters. If a specific page index is provided, it returns the bounding rectangles for these search strings on that page; otherwise, it returns the bounding rectangles for all pages in the document where the strings were found.